PHP前端开发

如何使用 Echarts 为散点图每个点设置不同的颜色?

百变鹏仔 3周前 (11-26) #echarts
文章标签 如何使用

百度 echarts 问题:如何让每个点显示不同的颜色?

根据给出的 demo,我们需要为 echarts 每个点设置不同的颜色。具体步骤如下:

// 每个点的设置series: {    type: 'scatter',    itemStyle: {        // 普通样式        normal: {            // 设置点的颜色            color: 'red'        },        // 高亮样式        emphasis: {            // 高亮时点的颜色            color: 'blue'        }    },    label: {        // 普通样式        normal: {            show: true,            // 设置标签的文字            formatter: 'This is a normal label.'        },        // 高亮样式        emphasis: {            show: true,            // 设置高亮时标签的文字            formatter: 'This is a emphasis label.'        }    }}

通过设置 itemstyle.normal.color 和 itemstyle.emphasis.color 即可为每个点设置不同的颜色和高亮时的颜色。