Highcharts问题 - 标签Y轴系列为主的数据

问题描述:

我有一个关于highcharts一个问题...Highcharts问题 - 标签Y轴系列为主的数据

考虑例如关系:

Data 
----- 
Id(pk) 
Date date 
Data varchar(50) 

这种关系中包含的数据。需要注意的是,日期不是连续的......即,数据不会每天输入。一个例子表可以是

Data 
----- 
Id  Date  Data 
1  2011-08-22 SomeData 
2  2011-08-29 MoreData 

予用户呈现的HTML/jQuery的界面,其中数据可以从数据库中拉出并使用highcharts作图。这种运作良好:

http://dev.speechlink.co.uk/David/fifthiteration/dbgrapher.php

我用下面的jQuery的标记x轴:

xAxis: { 
     type: 'datetime', 
     maxZoom: 14 * 24 * 3600000, // fourteen days 
     lineWidth: 1, 
     lineColor: '#999999', 
     title: { 
      text: 'Date' 
     } 
     } 

这是系列:

series: [{ 
     type: 'spline', 
     name: data.questionTitle, 
     pointInterval: 24 * 3600 * 1000, 
    pointStart: Date.UTC(data.year, data.month, data.day), 
    data: cdata, 
    lineColor: '#f6a828', 
    color: '#418ed6' 
     }] 

现在这工作正常酒吧一个问题 - >所有点被绘制,就好像他们在连续的日子里做的一样......这不是这种情况...例如,如果在我的表格中,我有数据在24日提交,然后n O数据,直到第29 .... 29日的数据被放置不正确的数据提交的25 ...

这显然与这一系列的参数来做到:

  **pointInterval: 24 * 3600 * 1000,** 

我的数据来自于像这样:

[23日,24日,25日,29日]

尽管它或许应该是这样的:

[23日,24日,25日,NULL,NULL,NULL,29号]

我不知道上面是正确的syntax..thats就是为什么我在这里...你怎么告诉highcharts跳过了点,但保持相同的pointintervals ....

编辑:

我对highcharts看到你可以传递数据,像这样:

var chart = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'container' 
    }, 
    xAxis: { 
     type: 'datetime' 
    }, 

    series: [{ 
     data: [ 
      [Date.UTC(2010, 0, 1), 29.9], 
      [Date.UTC(2010, 2, 1), 71.5], 
      [Date.UTC(2010, 3, 1), 106.4] 
     ] 
    }] 
}); 

有没有办法通过一个PHP数组以正确的格式上述系列(即与数据和相关联的值)。

如果您没有数据点的间隔,那么您可以在系列中指定为空。你可以尝试[23rd, 24th, 25th, null, null, null, 29th]它会完美的工作。

+0

感谢您的回复..你可以看到我的编辑.. – user906568

+0

你有一个每个'entryId'与日期权的映射? – ShankarSangoli

+0

是的,这是正确的....我也检查了highcharts,他们提供了一个很好的方式来提供相关日期的数据。这似乎更清洁......你怎么能输出兼容的PHP来符合高压供应他们的系列数据的方式(请参阅我的编辑) – user906568