使用日期时间轴,但更改比例

时间:2014-08-12 11:14:42

标签: javascript highcharts

我正在尝试使用包含多个系列的highcharts来显示一些数据,但是所有系列都共享相同类型的数据。 xAxis是基于日期的,yAxis是百分比。

我遇到的问题是该系列对xAxis有不同的比例

  • 系列1:历史,每日数据
  • 系列2-n:未来的年度数据(以下模拟仅显示未来系列的简单性)

我想在一张图表上显示这些数据,但历史和未来数据的空间大致相同,这意味着历史记录将根据未来进行压缩。

我尝试使用2个不同的xAx实现此目的,并且每个系列都与不同的pointStart设置相关的xAxis。

...
series: [{
            name: 'Past',
            color: 'Green',
            pointStart: Date.UTC(2014,6,1),
            pointInterval: 24 * 3600 * 1000, // one day
            data: [...]
     },
     {
            name: 'Future',
            color:'blue',
            pointStart: Date.UTC(2014,7,31),
            pointInterval: 24 * 3600 * 1000 * 365, // one year
            xAxis:1,
            data:[...]

     }
     ...

这最终看起来像这样:

not what I want jsFiddle:http://jsfiddle.net/dq4d0w2o/

我粗略地嘲笑了我想要的样子:

enter image description here

正如您所看到的,我希望xAxis是连续的,历史数据是每天,但在我们到达现在的时刻,规模变为年度。

1 个答案:

答案 0 :(得分:2)

您需要在xAxis上合并width / left参数。

请参阅示例:http://jsfiddle.net/sbochan/dq4d0w2o/1