Highstock 在缩放时更新 y 比例

Question

我有一个启用了 rangeSlider 的 highstock 图表，X 是一个时间序列，Y 是一个相对值（从 0

我希望根据显示数据的第一个显示值更新条目的相对比例。

这是 highcharts 中的现有选项吗？或者这可以编程吗？

这是一个例子：

https://www.easy.bnpparibas.fr/professionnel-professionnel/fundsheet/actions/bnp-paribas-easy-sp-500-ucits-etf-eur-c-c-fr0011550185/?tab=perf

感谢帮助

Answer 1

您可以为 rangeSelector.buttons 创建自己的规则。这是一个示例代码，显示从轴的最小值开始一个月的范围。

rangeSelector: {
  buttons: [{
    text: '1m',
    events: {
      click: () => {
        const xAxis = chart.xAxis[0],
         oneMonth = xAxis.min + 86400000 * 31;
        xAxis.setExtremes(xAxis.min, oneMonth);
        return true;
      }
    }
  }]
},

API参考：

https://api.highcharts.com/highstock/rangeSelector.buttons

https://api.highcharts.com/class-reference/Highcharts.Axis#setExtremes

演示 https://jsfiddle.net/BlackLabel/k3tsa5u1/

Answer 2

最后我通过API找到了开箱即用的解决方案：

plotOptions: {
  series: {
    compare: 'percent',
    compareBase: 0,
    compareStart: true,
  }
}

一切都在 HC API :-D

Highstock 在缩放时更新 y 比例

Highstock update y scale on zoom

highcharts