PHP前端开发

如何用百度 ECharts 让散点图中的点呈现不同的颜色?

百变鹏仔 3周前 (11-26) #echarts
文章标签 图中

百度 echarts:让散点图中的点呈现不同颜色

对于百度 echarts 中的散点图,有时我们需要为不同的点设置不同的颜色,以方便识别和区分。例如,在气泡大小反映城市人口时,北京可以设置为红色,武汉设置为绿色。

要实现不同颜色的点,需要使用 itemstyle 属性,该属性允许我们自定义点的样式。代码如下:

option = {    series: {        type: 'scatter',        itemStyle: {            // 普通样式            normal: {                // 点的颜色(设置为红色)                color: 'red'            },            // 高亮样式            emphasis: {                // 高亮时点的颜色(设置为蓝色)                color: 'blue'            }        },        // ... 其他配置    }};

通过设置 itemstyle.normal.color 和 itemstyle.emphasis.color,我们可以分别为普通状态和高亮状态的点指定不同的颜色。