Javascript Highcharts:删除标记附带的图例符号
我有一个启用了标记的折线图。我也有自己的自定义图例格式化程序Javascript Highcharts:删除标记附带的图例符号,javascript,highcharts,Javascript,Highcharts,我有一个启用了标记的折线图。我也有自己的自定义图例格式化程序 legend: { enabled: true, useHTML: true, labelFormatter: function() { let symbol = '<span style="color:' + this.color + ';font-size:12px;">▬</span>';
legend: {
enabled: true,
useHTML: true,
labelFormatter: function() {
let symbol = '<span style="color:' + this.color + ';font-size:12px;">▬</span>';
return '<span style="font-size: 12px;">' + symbol + ' ' + this.name + '</span>';
}
}
图例:{
启用:对,
是的,
labelFormatter:function(){
设symbol='▬;';
返回“”+符号+“”+this.name+“”;
}
}
由于我的标记,我在自定义图例符号旁边获得了一条额外的线。我试着用这个方法销毁我的标记符号
链接:
但是,我在切换图例时出错
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)
错误类型错误:无法读取未定义的属性“isSVG”
在E.destroy(highcharts.src.js:4424)
在t。(图.组件ts:271)
在Function.each(jquery.min.js:2)
请帮忙。谢谢,您可以将
symbolWidth
设置为0,使其不可见,而不是销毁图例符号
legend: {
...,
symbolWidth: 0
}
现场演示:
API参考:另一种对我有效的方法是,如果(serie.legendsymol)serie.legendsymol.hide(),我们可以隐藏它们,而不是销毁图例符号