2014-06-25 107 views
2

我試圖使用HighCharts來顯示3個城市的不同年齡段的男性和女性的數量。HighCharts氣泡圖:軸間隔標籤的文本

我以爲泡泡圖會是完美的。 x軸:男性,女性 y軸:年齡組(0-10歲,11-20歲,21-30歲和以上30) 系列:3個城市 氣泡尺寸:人數

問題是x軸和y軸都需要軸間隔數字而不是文本。 所以我改變了我的圖表數據返回0 & 1雌,雄 和編號的各年齡組(其中1 = 0-10歲,2 = 11-20年等)

現在,圖表工作正常,但偏離軸線間隔標籤是沒有意義的。 有沒有一種方法可以將標籤更改爲文本?

因此,爲了生成圖表,我可以使用0 & 1,但對於間隔標籤,我希望它顯示「女性」和「男性」。

我搜索了很多,但只能找到方法來定製工具提示。

+0

你能創造你有什麼到目前爲止一個的jsfiddle?或者至少發佈一些代碼/圖片?我很難想象您希望圖表的外觀如何。 – Mark

+0

嗨馬克。我想我的問題可以簡化爲;氣泡圖需要x和y軸標籤爲數字。有沒有辦法讓文字與數字相對? – Basquiat

回答

1

沒有看到您的圖表代碼,要說出解決這個問題的最佳方法並不容易。

我會看的第一個選項是使用x軸類別。

另一種選擇可能是使用軸標籤格式化函數(http://api.highcharts.com/highcharts#xAxis.labels.formatter)執行此操作。

對於你的情況,你可以這樣做:

function() { 
     if (this.value === 1) { 
     return "female"; 
     } else { 
     return "male"; 
     } 
} 
+0

感謝您的回覆史蒂夫。我去了標籤格式化程序路線。 – Basquiat