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

Question

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

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

Answer 1

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

示例

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">'
    }
  },
}