首页 > 解决方案 > Highcharts:删除标记附带的图例符号

问题描述

我有一个启用了标记的折线图。我也有自己的自定义图例 Formatter

legend: {
        enabled: true,
        useHTML: true,
        labelFormatter: function() {
            let symbol = '<span style="color:' + this.color + ';font-size:12px;">&#9644;</span>';
            return '<span style="font-size: 12px;">' + symbol +  ' ' + this.name  +  '</span>';
        }
    }

由于我的标记,我在自定义图例符号旁边多了一条线。我尝试使用此解决方案链接破坏我的标记符号:http: //jsfiddle.net/Tr7nk/2621/ 但是,切换图例时出现错误

ERROR TypeError: Cannot read property 'isSVG' of undefined
    at E.destroy (highcharts.src.js:4424)
    at t.<anonymous> (chart.component.ts:271)
    at Function.each (jquery.min.js:2)

请帮忙。谢谢

标签: javascripthighcharts

解决方案


symbolWidth您可以设置为 0,使其不可见,而不是破坏图例符号。

    legend: {
        ...,
        symbolWidth: 0
    }

现场演示:http: //jsfiddle.net/BlackLabel/mwpu26sj/

API 参考: https ://api.highcharts.com/highcharts/legend.symbolWidth


推荐阅读