2013-03-18 26 views
6

在高圖中可以將圖例以垂直堆疊的兩列顯示?顯示兩欄中的圖例項目高圖

我試圖找出顯示圖例項目的最佳方式,此刻我們將圖例項目全部堆疊在彼此之上。

圖表上最多會有4個系列。

我不太確定如何處理這個問題,我看到了useHTML的選項,但我似乎無法找到關於如何處理HTML的任何示例。

http://jsbin.com/oyicuc/9/edit

任何意見將是非常有益的,謝謝。

回答

14

您是否嘗試過使用itemWidth參數?

請大家看看

http://jsfiddle.net/B9L2b/1266/

legend: { 
    width: 200, 
    itemWidth: 100 
}, 

http://api.highcharts.com/highcharts#legend.itemWidth

編輯:

http://jsbin.com/oyicuc/31/

width:600, 
     itemWidth:300, 
     itemStyle: { 
      width:280 
     } 

http://api.highcharts.com/highstock#legend.itemStyle

+0

嗯,這似乎並沒有工作,當我試着用我的問題jsbin,它是否適合你? – hcharge 2013-03-18 15:29:17

+0

@hcharge請看看更新的答案 – 2013-03-19 09:00:35

0

也許你可以使用圖例的「labelFormater」。

http://api.highcharts.com/highcharts#legend.labelFormatter

然後,你可以創建一個表,並安排圖例文本,你wnat。

查看文檔頁面上的示例。

+1

你會如何將整個圖例變成表格?從我可以看到這只是包裝個別傳奇項目? – hcharge 2013-03-18 14:38:52