我想将自定义符号设置为图例项。目前我有矩形。我需要带有勾号的矩形(如彩色复选框)。 根据文档,我可以自定义元素,例如符号附近的文本。
但如果我将绘图上的所有元素都设置为自定义图像 ( Example ),则图例符号将会更改。
我可以自定义图例符号而不自定义绘图上的点吗?
series:[
{
name: 'Image symbol',
data: [216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5],
marker: {
symbol: 'url(https://www.highcharts.com/samples/graphics/sun.png)'
}
}
]
最佳答案
您可以使用 legend.labelFormatter 添加图例符号。例如,您可以对图例使用 useHTML: true ,然后将图像作为符号添加到图例项中:
legend: {
useHTML: true,
symbolWidth: 0,
labelFormatter: function() {
var name = this.name;
var img = '<img src = "https://upload.wikimedia.org/wikipedia/commons/thumb/1/1c/Check_Box_Noun_project_10759.svg/2000px-Check_Box_Noun_project_10759.svg.png" width = "10px" height = "10px">';
return img + ' ' + name;
}
},
在这里您可以找到它如何工作的示例: http://jsfiddle.net/ryd061r0/
您还可以按照 Barbara Laird 的建议包装 drawLegendSymbol 方法。
关于javascript - 将自定义符号设置为 HighCharts 图例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39276749/