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

Using Shield UI JavaScript chart for showing data over small intervals of time

本文关键字：数据 小时间 显示 UI Shield JavaScript 使用      更新时间：2023-09-26

Shield UI JavaScript图表的最低步骤是什么？我正在用这张图表来展示实验室里的科学数据。结果是按顺序出现的，但时间很短。我想我需要使用日期时间X轴类型：

axisX: {
    axisType: 'linear'
}

根据在线文档，我将设置数据开始和数据步骤，如图所示：

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轴的外观有点混乱。

我认为对您实际需要的X轴类型有点误解。图形化表示的结果和数据随时间而来并不意味着需要使用日期时间轴。

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

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

相关文章：