在highcharts中的Column Chart中更改图例符号

Question

我想在柱形图中更改图例符号，并使图例符号像样条线。我见过文件=＆gt;传说。

正如我所见，我可以更改图例宽度和CSS设计等其他功能，但如何更改符号？

更改为

请帮忙......

由于

Answer 1

我不相信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。

Answer 2

从Highcharts 3.0开始，您可以使用linkedTo选项。 API演示。

Answer 3

删除图例符号

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