HighCharts圖例配置

我正在使用HighCharts（水平）條形圖。這張圖表在我的頁面上很長，這很好，所以我希望將圖例顯示在圖表的頂部和底部。這可能嗎？我無法在API中找到如何執行此操作。HighCharts圖例配置

感謝您的任何提示。

2013-04-25 Tar Patel

這裏jsfiddle我在做什麼的例子。注意到圖例在頂部，但由於圖表是垂直的，我希望頁面頂部和底部有傳說。 http://jsfiddle.net/tarpatel/ND9fT/1/ – 2013-04-25 16:38:51

嘗試刪除下面的代碼

legend: 
{ 
    layout: 'vertical', 
    align: 'right', 
    verticalAlign: 'top' 
    ...... 
    ...... 
}

這使得傳說默認位置

來源

2013-04-25 16:12:09 vivek

感謝您的提示，但我希望看到圖表頂部和底部的圖例。請看我對我的問題的評論。 – 2013-04-25 16:39:58

您可以通過CSS/HTML樣式添加額外的傳奇。

http://jsfiddle.net/Ecrww/109/

$(chart.series).each(function(i, serie){ 
    $('<li style="color: '+serie.color+'">'+serie.name+'</li>').click(function(){ 
     serie.visible ? serie.hide() : serie.show(); 
    }).appendTo('#legend') 
})

來源

2013-04-26 11:44:13

感謝這個答案，不是我期待的。我希望得到一個很高的圖表解決方案。我很驚訝，高圖表中沒有選擇有多個圖例。但是我很高興你回覆了，因爲你已經打開了我的眼睛，看到我沒有意識到的新功能。 – 2013-04-26 17:20:23

我也得到了它，並發現這種方式來解決它

嘗試添加在選擇這些代碼：

chart: { 
      marginTop:-10//for top position 
      },

希望它可以幫助你

來源

2013-12-31 08:50:04 user3148778

HighCharts圖例配置

回答

相關問題