更改高圖中的柱狀圖中的圖例符號

我想更改柱狀圖中的圖例符號並製作圖例符號樣條。我見過文檔=>圖例。更改高圖中的柱狀圖中的圖例符號

正如我所看到的，我可以更改圖例寬度以及CSS設計等其他功能，但是如何更改符號？

enter image description here

變化

enter image description here

請幫助...

感謝

來源

2013-04-27 bahar_Agi

我不相信Highchart的API提供了自定義圖例符號的能力與條形圖。但是，您可以在繪製圖表後修改符號。

chart: { 
     type: 'column', 
     events: { 
      load: function(event) { 
       // modify the legend symbol from a rect to a line 
       $('.highcharts-legend-item rect').attr('height', '2').attr('y', '10'); 
      } 
     } 
    },

小提琴here。

enter image description here

來源

2013-04-27 19:10:40 Mark

怎麼可能在highstock？ – 2013-04-28 05:26:58

它應該也適用於高爐。 – Mark 2013-04-28 13:46:00

我已經測試過它的高爐。由於我有其他類型的圖表，我認爲管理圖表中的圖例並不好，所以定製應該參與plotOptions屬性：列，但我還沒有找到更改高度attr的解決方案。 – 2013-04-29 04:44:00

由於Highcharts 3.0，你可以使用linkedTo選項。 API的演示。

來源

2013-04-29 12:26:00

在我的想法中，這個解決方案並不是很好，爲了有一個像線條系列這樣的傳奇符號，我們製作了一個空系列，並將另一個圖表類型鏈接到它... – 2013-04-30 04:58:55

是的，但是這個解決方案在所有Highcharts瀏覽器。 – 2013-04-30 09:01:29

因此，建議爲添加瀏覽器添加此屬性。謝謝！ – 2013-04-30 10:28:30

刪除傳奇符號

chart: { 
     type: 'column', 
     events: { 
      load: function(event) { 
       // modify the legend symbol from a rect to a line 
       $('.highcharts-legend-item rect').attr('r', '0'); 
      } 
     } 
    },

來源

2014-08-27 06:58:22 saran

更改高圖中的柱狀圖中的圖例符號

回答

相關問題