图表-工具箱，如何改变图标的颜色后，点击?

Question

我有自定义缩放图标。

import zoomIcon from "common/assets/icons/zoom.svg";
feature: {
dataZoom: {
yAxisIndex: "none",
icon: {
zoom: `${urlImgBase}${zoomIcon}`,
back: `${urlImgBase}${resetIcon}`,
},
iconStyle: {
color: "#91cc75", // doesn't work
},
},
},

在svg中我做了->中风="currentColor"但这行不通。我一直默认为黑色。

如何改变颜色我的svg图标，当我选择"缩放"?

Answer 1

是的，对于一个里面有笔画的完整SVG文件，样式化将不起作用。
但是它适用于SVGpath:

dataZoom: {
icon: {
zoom: 'path://M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zM6 4a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0V5a1 1 0 0 0-1-1zm4 0a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0V5a1 1 0 0 0-1-1z',
back: 'path://M5 3a5 5 0 0 0 0 10h6a5 5 0 0 0 0-10H5zm6 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z'
},
iconStyle: {color: 'red', borderColor: 'blue'}
}

点击后更改图标颜色-那就更难了