Highstocks图表显示StartTime和endTime

时间:2013-10-07 23:56:56

标签: charts highcharts highstock

我正在开发HighStock图表,该图表还应提供以下功能

  1. 每个节点都有一个startTime和endTime,差异通常是几百毫秒
  2. 当图表缩放时,进一步缩短到毫秒,节点应该从节点的startTime到endTime成为一条直线(与X轴上的时间平行)。
  3. 这个要求非常类似于HighCharts已经提供的ColumnRange类型的图表,但只是区别在于我需要'RowRange'类型的图表,HighCharts此时不支持。

    我希望通过两个系列得到类似的东西,其中一个指向节点的startTime,第二个指向endTime。但是我正在处理的样本图表根本无法正常工作。

    http://jsfiddle.net/ReLF5/4/

    var OrderStartMS = [
        [1383264040000,0.703],
        [1383350420000,0.7031],
        [1383436840000,0.7032],
        [1383523220000,0.7033],
        [1383609640000,0.7034],
        [1383696020000,0.7035]
    ];
    
    var OrderEndMS = [
        [1383264040500,0.703],
        [1383350420500,0.7031],
        [1383436840500,0.7032],
        [1383523220500,0.7033],
        [1383609640500,0.7034],
        [1383696020500,0.7035]
    ];
    

    以下是破坏的事情

    • 它显示了两个系列之间的巨大差距,虽然时差仅为500毫秒(在日间水平可以忽略不计)。仅当用户缩放到毫秒粒度

    • 时,才应显示此间隙
    • 每次输入有效时都会显示“无效日期”

    • 如果我从'OrderEndMS'切换到'OrderEndMS_SameAsOrderStart',那么两个系列都会重叠,这是预期的结果。但即使我将endTime系列增加1毫秒,我也会突然看到很大的差距。

    • 即使我多次缩放,X轴也不显示毫秒粒度

    如果有人处理过上述类型的图表/问题,请告诉我。

1 个答案:

答案 0 :(得分:0)

  1. 您可以使用tickInterval值或将ordinal参数设置为false。
  2. 无效日期似乎未显示在rangeselector
  3. 使用OrderEndMS_SameAsOrderStart消除与中相同的图表 OrderEndMS案例
  4. 尝试设置minRange参数。