2016-06-07 112 views
1

我正在繪製使用highchart.js的散點圖。 X軸:「服務器」[服務器列表17.0.0.1「,」17.0.0.2「,」17.0.0.3「,」17.0.0.4「)。 Y軸:「DateTime」{最近5天,間隔時間爲6小時}HighCharts:重複類別值。工具提示沒有顯示正確的日期

基本上,服務器在給定的一天多次刷新並且數據被捕獲並保存到數據庫中。 圖表將讀取數據庫表數據並繪製圖表。

現在,爲了簡單起見,我已經硬編碼並在此顯示。

這裏是JSBIN的鏈接。 http://jsbin.com/joxacen/2/edit?js,output

  1. 類別, 「17.0.0.3」 和 「17.0.0.4」 被重複。我不想重複這個。如何解決這個問題?請找到重複值的圖像。
  2. 以下日期不適用於服務器17.0.0.1 ['Server 17.0.0.1',Date.UTC(2016,5,2,20,0,0)],// not painted june 2nd [ 'Server 17.0.0.1',Date.UTC(2016,5,4,11,0,0)] // //未畫6月4日
  3. 工具提示顯示一些垃圾數據。理想情況下,它應該顯示日期。

Repeated values are encircled here

+2

我建議發送類別數組索引作爲x值,而不是類別值:http://jsbin.com/fuhopeqeva/1/edit?js,output – jlbriggs

回答

3

發生這種情況是因爲您的序列數據數組包含的順序服務器(與重複)。因此它覆蓋了xAxis.categories設置。爲了您的數據陣列中做到這一點與預定義的類別改變你的x值進入該類別中的服務器的索引你想:

series: [{ 
    name: 'In-Correct Server Refresh', 
    color: 'rgba(223, 83, 83, .5)', 
    data: [ 
     [0, Date.UTC(2016, 5, 2, 10, 0, 0)], 
     [0, Date.UTC(2016, 5, 2, 20, 0, 0)], //not painted june 2nd 
     [1, Date.UTC(2016, 5, 4, 10, 0, 0)], 
     [0, Date.UTC(2016, 5, 4, 11, 0, 0)], //not painted june 4th 
     [2, Date.UTC(2016, 5, 4, 17, 0, 0)], 
     [3, Date.UTC(2016, 5, 4, 11, 30, 0)], 
     [3, Date.UTC(2016, 5, 4, 12, 0, 0)] 
     ] 
}, { 
    name: 'Correct Server Refresh', 
    color: 'rgba(119, 152, 191, .5)', 
    data: [ 
     [1, Date.UTC(2016, 5, 3, 5, 0, 0)], 
     [1, Date.UTC(2016, 5, 3, 12, 0, 0)], 
     [1, Date.UTC(2016, 5, 3, 17, 0, 0)], 
     [0, Date.UTC(2016, 5, 5, 18, 0, 0)], 
     [2, Date.UTC(2016, 5, 5, 18, 0, 0)] 
     ] 
}] 

您提示的問題是,你有一個無效的位置,你的屬性根據plotOptions。它需要位於plotOptions.scatter或圖表對象的根目錄中。看到這個例子fiddle。我不知道爲什麼你在服務器的IP之後附加%符號,但是你去了。

+0

謝謝。接受你的答案。是%不是必需的,它是一個錯誤。 http://jsfiddle.net/wergeld/eyq0f1sz/ – Raghu

+0

它可以幫助某人。這裏是一個附加數據的例子,以及工具提示上的x和y。 http://jsbin.com/joxacen/5/edit?html,js,output – Raghu