如何在 Highchart 中扩展 X 轴日期时间

Question

您好，我是 HighChart 的新手，我试图扩展图表的 x 轴，这是一个显示日期和月份的数据时间。

这里的问题是由于 tickInterval: 24 * 3600 * 1000，我以 1 天为间隔获取日期。我在图表上绘制的最后一个数据点条目是 2 月 3 日，但是 tickInterval 跳过了日期，这怎么可能显示数据前 +1 天？简而言之，我怎样才能在这里显示 2 月 4 日？

我的第二个问题是一天的 tickInterval，它是 86400000 毫秒。如何在不跳过或给出间隔的情况下显示日期？喜欢显示 1Feb、2Feb、3Feb 4Feb 而不跳过任何一天？

下面是我为以下图表编写的代码。

Highcharts.chart('container', {
                chart: {
                    type: 'spline'
                },
                title: {
                    text: ''
                },
                subtitle: {
                    text: ''
                },
                xAxis: {
                    type: 'datetime',
                    dateTimeLabelFormats: {
                        minute: '%H:%M',
                        hour: '%H:%M',
                        day: '%e. %b',
                        week: '%e. %b',
                        month: '%b \'%y',
                        year: '%Y'

                    },
                    tickInterval: 24 * 3600 * 1000,
                    title: {
                        text: 'By Date'
                    },
                    labels: {
                        style: {
                            color: 'black',
                            fontSize: '11px'
                        }
                    }
                },
}

Answer 1

为了显示您可以使用的最后一个价格变动 xAxis.endOnTick，将强制结束于此。

    xAxis: {
      endOnTick: true,
      showLastLabel: true,
      startOnTick: true
    },

要设置刻度，您可以使用 xAxis.tickPositioner or xAxis.tickPositions 为每个刻度定义一个数组。

演示：https://jsfiddle.net/BlackLabel/n3o6uwck/

如何在 Highchart 中扩展 X 轴日期时间

How to extend X axis datetime in Highchart

javascript

jquery

highcharts