Css 海图条形图叠加

我想用Highcharts实现这种UI。除了下面显示的错误图标之外，我已经实现了所有功能

---

有人知道我如何实现这一点吗？比如Highcharts中是否有内置的东西，或者我们必须使用手动css吗？

我认为最好的方法是使用SVG渲染器，并将这些元素渲染到所需的位置：

功能（图表）{
var data=chart.series[0]。数据；
var group=chart.renderer.g（'icons'）.attr({
zIndex:5
}).add（）；
对于（i=0；i

---

演示：

非常感谢我所需要的。在react中使用highcharts react official的任何人都要小心。你们都可以在Highchart标记的

回调

参数中传递此函数。比如：

function(chart) {
  var data = chart.series[0].data;
  var group = chart.renderer.g('icons').attr({
    zIndex: 5
  }).add();

  for (i = 0; i < data.length; i++) {
    chart.renderer.image('https://www.highcharts.com/samples/graphics/sun.png', data[i].barX + chart.plotLeft - 10, data[i].plotY + chart.plotTop - 15, 30, 30).add(group);
  }
});