2013-04-24 63 views
3

我們如何對齊zig zag方式的長xAxis標籤? (不要使用rotateLabels),或者有沒有可能爲nvd3圖表中的那些長xAxis標籤進行文本換行?nvd3圖表 - xAxis標籤

請找到參考附件圖片...

實際圖像的 - 問題

enter image description here

預期結果 - 1

enter image description here

預期結果 - 2

enter image description here

在此先感謝...

+0

對於結果2,看看我的答案在這裏:http://stackoverflow.com/a/22721268/524126 – Metalstorm 2014-03-28 19:13:47

回答

5

對於預期成果1: 您可以添加以下選項:.staggerLabels(true)你可以看到here

對於預期成果2: 你將不得不通過在圖表中使用它之前,由新線替換空間做手工上的數據。如果你正在處理數字,你也可以看看d3 string formatting

+0

謝謝克里斯託弗,我們如何做多欄分組和堆疊圖表相同的事情。 staggerLabels(true)不起作用?我怎樣才能安排一切在固定的寬度和高度(即使特定的寬度爲酒吧,現在它是基於可用寬度渲染)... – Yesvinkumar 2013-04-29 13:03:35

+0

嗨,經常需要瀏覽nvd3的源代碼,看看是什麼可能。如果您找不到您想要的內容,請提出新問題:-) – 2013-04-29 16:43:19

+0

您可以隨時將一個tickValues方法添加到nvd3軸組件,然後使用它將您想要顯示的值作爲標籤傳遞。 nvd3代碼是相當靈活的,如果你知道你想要做什麼,並採取相應的行動... – paxRoman 2013-04-30 07:35:53