echarts的散点图有不同颜色的散点
时间: 2024-09-28 19:04:00 浏览: 75
echarts散点图数据动态颜色大小
ECharts是一个强大的数据可视化库,创建散点图时,如果你想让散点有不同的颜色,可以使用`color`属性来指定每个数据点的颜色。以下是一个基本示例:
```javascript
option = {
series: [
{
name: '散点图',
type: 'scatter',
data: [[0, 0], [1, 4], [2, 9], [3, 16], [4, 25]], // 数据点坐标
color: ['red', 'green', 'blue', 'yellow', 'purple'], // 每个点对应的颜色
symbolSize: function (val) { // 可能需要自定义大小与颜色关联
return val[2] / 10; // 假设第三个维度值用于调整大小
}
}
]
};
```
在这个例子中,第一列数据的点会显示红色,第二列数据的点显示绿色,以此类推。你可以根据实际需求,通过数组或者其他方式动态设置颜色。
阅读全文