javascript - Highcharts:删除标记附带的图例符号
问题描述
我有一个启用了标记的折线图。我也有自己的自定义图例 Formatter
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>';
}
}
由于我的标记,我在自定义图例符号旁边多了一条线。我尝试使用此解决方案链接破坏我的标记符号: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)
请帮忙。谢谢
解决方案
symbolWidth
您可以设置为 0,使其不可见,而不是破坏图例符号。
legend: {
...,
symbolWidth: 0
}
现场演示:http: //jsfiddle.net/BlackLabel/mwpu26sj/
API 参考: https ://api.highcharts.com/highcharts/legend.symbolWidth
推荐阅读
- ios - iOS 13 将圆形按钮更改为对角线
- python - 如果值是多个数组,则使用键将值附加到 python 字典值
- swift - 如何使用 UTI 获取目录中可由 AVPlayer 播放的视频文件列表?
- python - 获取请求接口
- java - 如何识别安卓设备中的电话号码并将其用作登录凭据?
- ios - 使用消耗性模型 IAP iOS 购买 IAP 后,从多张照片中的精选照片中删除徽标
- python - TF2.0:变压器模型 ValueError:形状 (40759, 128) 和 (40765, 128) 不兼容
- regex - 是否有可能选择组中的所有备选方案
- sapui5 - 路由到相同的“模式”但具有不同的“参数”、“名称”和“目标”
- php - mkdir():文件存在于 laravel 5.8