程序开发 · 2023年10月17日

如何使用 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 即可为每个点设置不同的颜色和高亮时的颜色。

以上就是如何使用 Echarts 为散点图每个点设置不同的颜色?的详细内容,更多请关注GTHOST其它相关文章!