2011-08-29 116 views
3

我有一個關於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數組以正確的格式上述系列(即與數據和相關聯的值)。

回答

1

如果您沒有數據點的間隔,那麼您可以在系列中指定爲空。你可以嘗試[23rd, 24th, 25th, null, null, null, 29th]它會完美的工作。

+0

感謝您的回覆..你可以看到我的編輯.. – user906568

+0

你有一個每個'entryId'與日期權的映射? – ShankarSangoli

+0

是的,這是正確的....我也檢查了highcharts,他們提供了一個很好的方式來提供相關日期的數據。這似乎更清潔......你怎麼能輸出兼容的PHP來符合高壓供應他們的系列數據的方式(請參閱我的編輯) – user906568