时间戳

首页 > 解决方案 > 如何在 Highcharts 股票图表中仅显示最后 100 个烛台或隐藏前 50 个烛台？

highcharts - 如何在 Highcharts 股票图表中仅显示最后 100 个烛台或隐藏前 50 个烛台？

问题描述

我有一个 Highchart 股票图表，显示 EMA 使用股票图表指标。

Highchart 股票图表

我不想使用测距仪，因为图表应始终显示 100 根烛台。

EMA 的工作，但需要有额外的烛台，以便第一个有 EMA。API 返回 100 个烛台，但第一个烛台没有 EMA。

那么，有什么好方法：

  1. 隐藏前 50 个烛台或
  2. 只显示最后 100 根烛台？

我认为这可以通过范围选择器完成，但不确定如何以编程方式完成。

标签： highcharts

解决方案

你需要使用setExtremes方法。例如，您可以在加载事件中调用它：

chart: {
  events: {
    load: function() {
      const points = this.series[0].points;
      const min = points[points.length - 101].x;

      this.xAxis[0].setExtremes(min, null, true, false);
    }
  }
}

现场演示： https ://jsfiddle.net/BlackLabel/62djn43u/

API 参考： https ://api.highcharts.com/class-reference/Highcharts.Axis#setExtremes

推荐阅读