echarts-散点图设置每个点不同颜色
可以使用 ECharts 的 series 中的 itemStyle 属性来设置散点图中每个点的颜色。具体步骤如下:
-
在 option 中添加一个 series,类型为 scatter。
-
在 series 中添加 data,每个数据项包含 x、y 坐标和对应的颜色值。例如:
data: [ [10, 20, '#FF0000'], [20, 30, '#00FF00'], [30, 40, '#0000FF'] ] -
设置 itemStyle 属性,其中 normal 属性用于设置普通状态下的样式,emphasis 属性用于设置高亮状态下的样式。在 itemStyle 中设置 color 属性,值为一个回调函数,根据当前数据项的颜色值来设置颜色。例如:
itemStyle: { normal: { color: function(params) { return params.data[2]; } } }
完整代码示例:
option = {
series: [{
type: 'scatter',
data: [
[10, 20, '#FF0000'],
[20, 30, '#00FF00'],
[30, 40, '#0000FF']
],
itemStyle: {
normal: {
color: function(params) {
return params.data[2];
}
}
}
}]
};
原文地址: https://www.cveoy.top/t/topic/rZS 著作权归作者所有。请勿转载和采集!