Highcharts 高时间X轴

Highcharts 高时间X轴,highcharts,time-series,axis,Highcharts,Time Series,Axis,我想问一下,是否有人知道如何将高图表中的X轴设置为时间。我的应用是从数据库中获取数据,采样频率为250ms。我希望X轴不显示计数的值,而是类似时间的东西。我一次渲染2500个值,这意味着10秒。最好是在X轴上每隔0.5秒有一个标记,这意味着每125个样本有一个标记。类似(0个样本=0秒);(125个样品=0.5秒);(500个样品=1秒);(725个样本=1.5秒) 谢谢你的意见 chart () {

我想问一下,是否有人知道如何将高图表中的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
                                                }}]
                                      };

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

xAxis: {
    labels: {
        formatter: function () {
            return (baseTime + (this.value / 500)) + " sec";
        }
    }
},
其中baseTime是第一个数据点的时间

有关自定义标签格式化程序的文档,请访问


你能再清楚一点吗?您是否只需要以“0.5”的间隔绘制X轴“记号”,并让它们具有后缀为“sec”的标签,还是更复杂?可能会有帮助我需要在半秒前标记每125个样本……现在它正在标记defalult的每500个渲染样本图表。因此,X轴上的序列在渲染500个样本后进行标记。我们可以说每500个样品就有一个标记。所以它就像0…500…1000…1500…2000…2500。我需要在每125秒后进行一次,并且应该标记为0.5秒。每125个样本是0.5秒,最上面应该代表图表的时间流,就像显示图表运行的时间一样。现在,每次我使用新样本渲染图表时,时间流再次从零变为零@Apokryfosh您看过演示()和API文档()了吗?除非你有更具体的问题,否则你只需要回答这些问题。是的!它显示X轴上的时间唯一的一个问题是,在渲染新数据束后,时间再次从零变为…@FilipMartiak,然后在渲染新数据束时更改
baseTime
值。