如何强制 HighChart xAxis 单位在所有缩放级别显示自定义格式？

Question

我有一个带有以下选项的动态烛台 HighChart：

chart: {
    renderTo: 'chart-container',
    marginRight: 10
},
title: {
    text: 'My Chart'
},
xAxis: {
    type: 'datetime'
},
rangeSelector: {
    buttons: [{
        count: 5,
        type: 'second',
        text: '5S'
    }, {
        count: 30,
        type: 'second',
        text: '30S'
    }, {
        count: 10,
        type: 'minute',
        text: '10M'
    }, {
        type: 'all',
        text: 'All'
    }],
    inputEnabled: false,
    selected: 0
},
tooltip: {
    formatter: function (e) {
        var point = this.points[0].point;
        return '<div><b>Open: </b><span>' + point.open + '</span></div><div><b> Close: </b><span>' + point.close + '</span></div><div><b> High: </b><span>' + point.high + '</span></div><div><b> Low: </b><span>' + point.low + '</span></div><div><b> Custom Param: </b><span>' + point.customParam + '</span></div>'
    }
},
legend: {
    enabled: false
},
exporting: {
    enabled: false
},
series: [
    {
        name: 'My Chart',
        type: 'candlestick',
        data: []
    },
    {
        name: 'Average',
        type: 'spline',
        data: [],
        marker: {
            lineWidth: 2,
            lineColor: Highcharts.getOptions().colors[3],
            fillColor: 'white'
        },
        color: Highcharts.getOptions().colors[3]
    }]

积分会动态增加。正如您在我的选项中看到的那样，我设置了 rangeSelector。当前 xAsix 上的点显示为 HH:mm:ss.fff。我想展示我想用这种格式显示 xAxis 点 July - 14:26:12.120 就像附加的屏幕截图一样。

Answer 1

谢谢。

我的问题已通过在我的问题下发表评论的 http://api.highcharts.com/highcharts/xAxis.dateTimeLabelFormats 解决。

如何强制 HighChart xAxis 单位在所有缩放级别显示自定义格式？

How to force HighChart xAxis units to show custom format in all zoom levels?

javascript

highcharts

candlestick-chart