Highcharts:如何在图例中使用不同的图标?

时间:2017-10-16 14:57:42

标签: javascript jquery css svg highcharts

所以我制作了一个如下图表:

Highcharts columnrange chart

(我用黑客将这些箭头放在了条形图上。正如你在传说中看到的那样,它实际上是一个宽阔的水平图像。)

有没有办法在图例中插入不同的图标,或者可能是自定义SVG?

现在,我至少可以通过这种方式隐藏传奇图标:

.highcharts-legend-item image {
    visibility: hidden; 
}

我尝试使用::之前的CSS伪选择器,但没有出现任何内容:

.highcharts-legend-item image::before {
    content: "<svg height="64" width="64" viewBox="0 0 64 64"> <polygon fill="none" stroke="#FF8A65" stroke-width="4" points="30,4 4,60 60,60"/><polygon> </svg>"
}

有什么想法吗?

0 个答案:

没有答案