Highcharts - 如何从任意值开始设置x轴

Question

我正在使用[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: []
    };

- L Lawliet

---

你应该展示给我们你已经尝试过的东西。 - Nathaniel Ford

像这样吗？请参见：https://dev59.com/s1HTa4cB1Zd3GeqPPS5I - lbstr

Answer 1

感谢大家的回应。我找到了解决方案。最大最小值实际上没有按照我想要的方式进行。

我找到了解决方案。

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

plotOptions:
     <your_graph_type>:{
             pointStart: <your_value>
}

- L Lawliet

Answer 2

我认为设置x轴的最小和最大值会起作用。 请参考此链接

您可以这样说

startOnTick：false， endOnTick：false

例如，请参考：示例

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

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

看一下图表的显示方式。 希望这能有所帮助。

- Nagesh Salunke