所以我制作了一个如下图表:
(我用黑客将这些箭头放在了条形图上。正如你在传说中看到的那样,它实际上是一个宽阔的水平图像。)
有没有办法在图例中插入不同的图标,或者可能是自定义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>"
}
有什么想法吗?