如何用百度 ECharts 让散点图中的点呈现不同的颜色?
百度 echarts:让散点图中的点呈现不同颜色
对于百度 echarts 中的散点图,有时我们需要为不同的点设置不同的颜色,以方便识别和区分。例如,在气泡大小反映城市人口时,北京可以设置为红色,武汉设置为绿色。
要实现不同颜色的点,需要使用 itemstyle 属性,该属性允许我们自定义点的样式。代码如下:
option = { series: { type: 'scatter', itemStyle: { // 普通样式 normal: { // 点的颜色(设置为红色) color: 'red' }, // 高亮样式 emphasis: { // 高亮时点的颜色(设置为蓝色) color: 'blue' } }, // ... 其他配置 }};
通过设置 itemstyle.normal.color 和 itemstyle.emphasis.color,我们可以分别为普通状态和高亮状态的点指定不同的颜色。