更改工具栏中的图标缩放 react-apexchart

Question

react-apexchart包中工具栏上的图标可以更改吗？

例如在这里我想自定义顶点图表工具栏菜单上的缩放和重置图标

Answer 1

在chart.toolbar.tools键中，您可以使用字符串而不是布尔值来使用自定义图像。

例子

chart: {
  toolbar: {
    tools: {
      zoom: '<img src="/static/icons/zoom.png" width="20">',
      zoomin: true,
      zoomout: true,
      reset: '<img src="/static/icons/reset.png" width="20">'
    }
  },
}