使用Shield UI JavaScript图表显示较小时间间隔内的数据

Question

屏蔽UI JavaScript图表的最小步骤是什么？我正在使用图表来显示实验室中的科学数据。结果是按顺序出来的，但在相当短的时间内。我假设我需要使用datetime X轴类型：

axisX: {
    axisType: 'linear'
}

根据在线文档，我将如下所示设置dataStart和dataStep：

dataSeries: [{
    seriesType: 'splinearea',
    data: [ 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4 ],
    dataStart: Date.UTC( 2010, 0, 1 ),
    dataStep: 24 * 3600 * 1000
}]

间隔时间是多少？我尝试了几种设置，比如

dataStep: 1

但是，X轴的外观有点凌乱。

Answer 1

我认为对你实际需要的X轴的类型有一点误解。您以图形方式表示的结果和数据是随着时间的推移而出现的，但这并不意味着您需要使用datetime轴。

通常，datetime类型的轴用于显示日期。如我所见，将datetime轴的步长设置为1，意味着有足够的空间显示当天的86.400.000点。如果有更多的日子，将会有大量的点数，这与实验室数据所暗示的准确性相矛盾。

我的建议是，您可以简单地使用线性类型的X轴。有足够的方法可以向用户显示这些点在1毫秒或1纳秒的间隔内出现，依此类推。