2013-04-10 65 views
1

我正在尋找一種方式來顯示下列情況下Highcharts氣泡圖 - 與X軸和Y軸標題氣泡圖:Highcharts - 錯誤#14

我要顯示的項目名稱X軸(「項目a」,「項目b」)和y軸上的團隊成員名稱(例如「tom」,「bill」,「john」)。這些氣泡用於顯示每個團隊成員在每個項目上花費的時間。

數據系列應該類似['project a','tom',25.0],['project b','john',12.5] ...,但嘗試這樣會導致「Highcharts Error#14 :字符串值發送到series.data,預計數字「

是否有可能在x和y軸上使用字符串值而不是數字的Highcharts泡沫/ 3d氣泡圖,或者有沒有辦法實現類似的東西?

任何指導,將不勝感激。

謝謝。

回答

7

您所談論的只是分類軸 - 不需要任何技巧。

http://jsfiddle.net/jlbriggs/36zn2/1/

 xAxis: { 
      categories:['Project 1', 'Project 2', 'Project 3'] 
     }, 
     yAxis: { 
      categories:['User 1', 'User 2', 'User 3'] 
     }, 

在數據使用的數值是該類別的數組索引。

+0

非常感謝,這更容易使用! – 2013-04-10 14:18:46

+0

我使用的數據是這樣的: series:[ { 數據:[x:3.5,y:4,z:5,顏色:'blue'}, {x:7,y:7,z :3,顏色: '藍'}, {X:4,Y:8,Z:6,顏色: '藍'} ] } ] 欲設置x AXYS像你說 xAxis:{ 類別:['Project 1','Project 2','Project 3'] }, 但dosent work顯示x值。我能做些什麼 – 2015-05-08 00:19:15

+0

如果你在你的x軸上使用類別,這些將會是你的x軸值。如果您想在數據中顯示x值,請刪除類別。 – jlbriggs 2015-05-08 12:19:57

1

我在這裏做了些什麼http://jsfiddle.net/36zn2/這應該對你有所幫助。

使用格式化函數計算x和y軸上的標籤,該函數將數字項目代碼和人員代碼轉換爲數組中的文本。

var names = ["DAVE","JOHN"]; 
var projects = ["Project 1","Project 2"]; 


    xAxis: { 
     labels: {tickInterval:1, 
      formatter: function() { 
       return projects[this.value] 
      } 
     } 
    }, 

    yAxis: { 
     labels: { 
      formatter: function() { 
       return names[this.value] 
      } 
     } 
    }, 

如果你不能改變你的數據的格式,將可以通過數據陣列建立項目名稱及工作人員姓名的映射來創建一個數字版本的數據加上映射陣列的迭代。

+0

偉大的解決方案,謝謝! – 2013-04-10 10:47:45