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

Question

Shield 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 轴类型存在一些误解。您以图形方式表示的结果和数据随着时间的推移而出现并不意味着您需要使用日期时间轴。

通常日期时间类型轴用于显示日期。正如我所看到的，将日期时间轴的步长设置为 1，这意味着应该有足够的空间来显示一天的 86.400.000 个点。再过几天就会有大量的点与实验室数据所暗示的准确性相矛盾。

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