Question

我有一张带有Highstock和Range-Selector的图表。我在导航器中只能看到几个日期点。我希望能够显示初始日期和最后一个日期。我该如何配置？

我试图检查刻度数和一些轴道具，但没有找到运气。

//A,B,C data array
Highcharts.stockChart('container', {
    series: [
      { data: A },
      { data: B },
      { data: C }
    ]
});

我想要的是能够在范围选择器导航器上设置开始日期和结束日期。

这是一个jsfiddle：https://jsfiddle.net/usvonfjh/1/

Answer 1

可以使用navigator.xAxis.tickPositions完成此操作，您可以在其中传递要显示刻度线的数组，并可以通过navigator.xAxis.labels.formatter从刻度线位置时间戳中读取可读的日期。

代码：

  navigator: {
    xAxis: {
      tickPositions: aSerie.map(elem => elem[0]),
      labels: {
        formatter: function() {
            return Highcharts.dateFormat('%e. %b', this.value);
        },
        align: 'center'
      }
    }
  }

演示：

https://jsfiddle.net/BlackLabel/rx18hL37/1/

API参考：

将初始和最终日期添加到范围选择器高库存

1 个答案: