7

我正在使用 [highcharts][1] 在数据库中的一系列值之间绘制图表。我希望 X 轴值从用户输入开始。

例如，如果用户想要介于 50 和 100 之间的值，我希望我的 x 轴从 50 开始。

该范围将具有可变大小。数据的大小很大，所以我不能做一些事情，比如获取所有数据并使用最小值和最大值进行显示。

提前致谢。

这是我的图表对象。我有两个用户输入字段，用于查询数据库并返回其间的行。

我使用多种类型的图表。问题是，如果我从数据库中获取 50 到 100 之间的数据，我不知道如何将 X 轴的起点定义为 50。它显示 50 个值，但从 0 到 50 开始。

我尝试了 10 分钟等。那确实从该值开始，但会跳过前 10 个左右的值。

输入字段的 id 为“lower”和“upper”。

var options = {
      chart: {
        renderTo: ctn.attr('id'),
        type: $('#graph_type option:selected').val(),
        zoomType: 'x'
      },
      title: {
        text: $('#graph_title').val()
      },
      subtitle: {
          text: "Graph - " + (graph_no + 1)
      },
      xAxis: {

        title: {
           text: $('#x_label').val()
        }
      },
      yAxis: {
        title: {
          text: $('#y_label').val()
        }
      },

      credits: {
        enabled: false
      },
      series: []
    };
4

2 回答 2

12

感谢大家的回复。我找到了解决方案。Min max 实际上并没有按照我的意愿去做。

我找到了解决方案。

要从所需值开始 x 轴值，请使用

plotOptions:
     <your_graph_type>:{
             pointStart: <your_value>
}
于 2012-12-04T17:16:39.900 回答
8

我认为为 xAxis 设置最小值和最大值会起作用。 参考这个链接

你可以说

startOnTick：假，endOnTick：假

例如参考：example

我将 y 的最小值设置为 20，最大值设置为 217，

yAxis: {
        min: 20,
        max:217,
        startOnTick: false,
        endOnTick:false
    },

查看图表的显示方式。我希望这有帮助。

于 2012-12-04T05:28:18.370 回答