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

时间:2013-09-02 13:45:28

标签: javascript shieldui

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

1 个答案:

答案 0 :(得分:0)

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

通常,日期时间类型轴用于显示日期。正如我所看到的那样,将日期时间轴的步长设置为1意味着应该有足够的空间显示单日的86.400.000点。是否会有更多的日子会有大量的观点与实验室数据所暗示的精确度相矛盾。

我的建议是,您只需使用线性类型的X轴。有足够的方法向用户显示这些点以1毫秒或1纳秒的间隔发生,等等。