HIGHCHARTS-给定一系列带有UNIX图章和数据值对的序列,如何仅显示xAxis上第一个点和最后一个点的日期?

问题描述 投票:0回答:1

提供以下数据:

  series = [{
    data: [
      [1564686000000, 1500],
      [1562007600000, 2000],
      [1559415600000, 10],
      [1556737200000, 10],
      [1554145200000, 1000],
      [1551470400000, 435],
      [1549051200000, 500],
      [1546372800000, 10],
      [1543694400000, 130],
      [1541098800000, 120],
      [1538420400000, 1000],
      [1535828400000, 50],
      [1533150000000, 2000],
    ]

如何配置HighCharts(折线图),使其仅以格式%b %Y显示xAix中第一个和最后一个点的日期?

我目前正在通过从系列数据字符串中获取第一个和最后一个元素并传递给xAxis.tickPositions来实现这一点。我想知道是否还有另一种方式不需要访问系列数据字符串。

我也想将第一个xAxis标签与其代码一起左对齐,并在最后一个xAxis标签与其代码一起右对齐。 (请参见下面的图片,以更好地理解)。我可以使用CSS来实现这一点,但是我想知道是否可以使用HighCharts API接口进行设置。

这里是我想要实现的图像:

example

javascript charts highcharts
1个回答
0
投票

我已经找到一种方法来实现我在这个问题上的要求。

对于yAxis,我正在使用yAxis.tickPositioner,对于xAxis,我正在使用xAxis.tickPositions

这是一个有效的示例:

https://jsfiddle.net/vinicius5581/6kpxbyr3/68/

© www.soinside.com 2019 - 2024. All rights reserved.