highcharts - 更改高图中柱形图中的图例符号

Question

我想更改柱形图中的图例符号并制作一个像样条线一样的图例符号。我看过文档 => 图例。

正如我所见，我可以更改图例宽度和其他一些功能，例如 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');
            }
        }   
    },

在这里拉小提琴。

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');
            }
        }   
    },