Highcharts 时间 X 轴

Question

请问有没有人知道如何在Highcharts中设置X轴为时间。我的应用程序正在从数据库中获取数据，采样频率为 250 毫秒。我希望 X 轴不显示计数值，而是显示时间之类的东西。我一次渲染 2500 个值，这意味着 10 秒。最好是在 X 轴上每 0.5 秒有一个标记，这意味着每 125 个样本一个标记。喜欢（0 个样本 = 0 秒）；（125 个样本 = 0.5 秒）；（500 个样本 = 1 秒）；（725 个样本 = 1.5 秒）

感谢您的意见.....

                                chart () {
                                    var options = {
                                        chart: { 
                                            renderTo: 'services',
                                            type: 'line', 
                                            animation: 'false'
                                        },

                                      plotOptions: {
                                            series: {
                                                animation: {
                                                    duration: 10000
                                                }
                                            }
                                        },

                                        series: [{marker: {
                                                    enabled: false
                                                }}]
                                      };

Answer 1

您可以提供自定义标签格式化程序。例如...

xAxis: {
    labels: {
        formatter: function () {
            return (baseTime + (this.value / 500)) + " sec";
        }
    }
},

其中 baseTime 是第一个数据点的时间。

自定义标签格式化程序的文档可以在...

http://api.highcharts.com/highcharts#xAxis.labels.formatter

Highcharts 时间 X 轴

Highcharts time X axis

axis

time-series

highcharts