highstock图表仅设置xAxis的最大值

Question

我只想设置xAxis的最大值。 我从会话值获得此值。 我想展示股票图表。 xAxis的选定范围已设置（根据会话值）且未更改。 如何将最大xAxis值链接到rangeSelectorButton以及输入范围选择器或和导航器。 单击范围按钮或输入范围或导航器，xAxis的最大值不变。

如果我使用以下代码，则必须发送最小值和最大值的值。

$('#container').highcharts('StockChart', {

  title: {
    text: 'AAPL Stock Price'
  },
  xAxis: {
    events: {
      SetExtremes: function (e) {
        if (e.trigger == "rangeSelectorButton") {
          setTimeout(function () {
            var end = 1293091200000;
            Highcharts.charts[0].xAxis[0].setExtremes(1198681756385, end)
          }, 1);

        }
      },
    }
  },
  series: [{
    name: 'AAPL',
    data: data,
    tooltip: {
      valueDecimals: 2
    }
  }]
});

如何只设置最大值？ 之所以要这样做，是因为我从会话值中获取了一个日期，因此可以选择其他按钮范围选择器来显示过去一周或过去1个月或过去3个月的图表。

Answer 1

如果要设置极值的最大值（在导航器上选择的范围）而又不更改极值的极值，则可以先获取当前极值，然后再设置相同的值：

// Assume the chart instance is stored in variable 'chart'
var extremes = chart.xAxis[0].getExtremes();
chart.xAxis[0].setExtremes(extremes.min, yourMaxValue);

Answer 2

首先是setExtremes ，而不是SetExtremes 。

其次，在setExtremes回调中调用setExtremes会setExtremes无限循环。

我建议从Highcharts禁用rangeSelector ，生成自己的HTML按钮，并在单击chart.xAxis[0].setExtremes(previous_min, your_max_value);位置添加click事件chart.xAxis[0].setExtremes(previous_min, your_max_value); 。