我正在使用Echarts创建树图。x1c 0d1x我想把树的颜色改为图像。像这样。
itemStyle: { color: { image: require("./french.png"), }, },
我尝试使用itemStyle，但它不起作用！有更好的方法吗？
abithluo1#
你总是可以使用图形组件。它允许你添加任何图形对象到你的图表与给定坐标。
只需查看此组件的文档即可了解如何使用它。https://echarts.apache.org/en/option.html#graphic
s4n0splo2#
我设法为系列数据中的每个标签添加了一个唯一的图像，如下所示：
{ "value": 23, "name": "Arizona", "path": "US/Arizona", label: { show: true, formatter: '{b}', color: 'rgba(0,0,0,0)', backgroundColor: { image: 'image1.jpg', }, }, },
4szc88ey3#
你可以看看其中一个使用图像的例子：https://echarts.apache.org/examples/en/editor.html?c=wind-barb
{ type: 'image', style: { image: api.value(dims.weatherIcon), x: -weatherIconSize / 2, y: -weatherIconSize / 2, width: weatherIconSize, height: weatherIconSize }, position: [point[0], 110] },
3条答案
按热度按时间abithluo1#
你总是可以使用图形组件。它允许你添加任何图形对象到你的图表与给定坐标。
只需查看此组件的文档即可了解如何使用它。https://echarts.apache.org/en/option.html#graphic
s4n0splo2#
我设法为系列数据中的每个标签添加了一个唯一的图像，如下所示：
4szc88ey3#
你可以看看其中一个使用图像的例子：
https://echarts.apache.org/examples/en/editor.html?c=wind-barb