Angular 在Highcharts中将材质UI图标渲染为标记

我想把材质UI图标渲染为标记。找不到任何明确的文件说明如何实现这一点

我担心在当前的实现中，标记可能会更改为graphic.url或自定义SVG符号，同时，材质UI以您想要的方式共享一个功能，将字体更改为想要的符号

API:

我知道Material UI也共享一个SVG图标，但要在Highcharts中定制它们并不容易。看看这个例子：看看十字架是如何呈现的：

return ['M', x, y, 'L', x + w, y + h, 'M', x + w, y, 'L', x, y + h, 'z'];

其中x和y是点坐标-为每个点渲染不同的路径值

以下是我使用materialUI SVGIcon的尝试：

演示：

我在materialUI API中定义了此符号，随后使用此函数对其进行了定位：

events: {
    render(){ 
      let chart = this;
                
      chart.series[0].points.forEach(p => {
      console.log(p.graphic)
        p.graphic.translate(p.plotX - chart.marginRight - 2, p.plotY - p.graphic.getBBox().height + 2)
      })
      
    }
  }

但老实说，我不确定这个方法

我认为你应该考虑使用FoTaWaMoMe。Highcharts允许自定义图案使用它们，请参见：