我正在尝试将默认的highcharts图例符号更改为我自己的自定义符号。我希望在图例标签旁边有一个超棒的图标。为此,我想到了labelformatter:
labelFormatter: function () {
var on = '<g><text x="0" y="0" style="color:'+this.color+';font-family:FontAwesome"></text></g> ' + this.name;
var off = '<g><text x="0" y="0" style="color:'+this.color+';font-family:FontAwesome"></text></g> ' + this.name;
return this.iconState ? on : off;
}
实际上我可以根据需要添加图标,但是现在我的想法如下:单击图例项时,图标保持原始颜色,不会像标签一样变为灰色。我曾考虑过在触发点击事件时重新渲染图例(使用legendItemClicked),但是我没有发现任何可行的方法。
有谁知道我该如何重新渲染图例?
要么
如何甚至可以将符号设置为我自己的符号?
谢谢!
您可以通过将此信息添加到Highcharts符号数组中来定义自定义符号,如示例中所示:
Highcharts.SVGRenderer.prototype.symbols.cross = function (x, y, w, h) {
return ['M', x, y, 'L', x + w, y, 'z'];
};
if (Highcharts.VMLRenderer) {
Highcharts.VMLRenderer.prototype.symbols.cross = Highcharts.SVGRenderer.prototype.symbols.cross;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句