2012-02-01 143 views
1

我使用散點圖顯示以下範圍的數據:x = [-1..1] y = [-1..1]。是否可以在例如水平線上畫一條水平線? y = 0.5? 我正在使用JavaScript圖表(即不是圖表圖表)。Google散點圖中的水平線

回答

2

我們在工作中遇到同樣的問題。遺憾的是,目前Google Charts並未提供在散點圖中顯示一條線的簡單方法,就像條形圖一樣。

最後,我們發現了一個「小花招」這完全適用於我們,因爲你可以在這裏看到: http://csgid.org/csgid/statistics/structures

訣竅在於建立一個「折線圖」,但線寬屬性設置爲0, 指向至5個系列中的點,並且行寬 1和指向 0系列中的行。 它看起來像:

interpolateNulls: true, 
     series: { 
      0: { lineWidth: 0, pointSize: 5 }, 
      1: { lineWidth: 0, pointSize: 5 }, 
      2: { lineWidth: 0, pointSize: 5 }, 
      3: { lineWidth: 0, pointSize: 5 }, 
      4: { lineWidth: 1, pointSize: 0 } 
     } 

爲什麼我設置interpolateNulls爲真?因爲那樣,我必須改變我在數組中設置數據的方式,然後再將其轉換爲JSON並傳遞給Google Charts。在每一行中,我必須爲X軸的每個值設置每個系列的值。所以當一個系列沒有X值的Y值時(我的意思是,當一個系列對這個X值沒有任何意義時),我必須將X值設爲null。所以,對於該系列的系列也是如此。 這將是第一個意甲(以JSON)中的一個點:

[2.6,0.184,null,null,null,null] 

併線系列的這一個「點」(最後一個意甲):

[4,null,null,null,null,0.254] 

也許這是不最有效的方式,但它的作品:)

我希望我已經解釋清楚,讓我知道如果你有更多的問題。