Question

我想问一下是否有人知道如何将Highcharts中的X轴设置为时间。我的应用是从数据库中获取数据，样本的频率是250ms。我希望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轴

1 个答案: