如何使用百度 Echarts 设置不同点颜色?

如何使用百度 echarts 设置不同点颜色?

百度 echarts不同点颜色设置

本文针对百度 echarts 点的不同颜色设置问题进行解答。

示例:(并非广告)

[echarts 示例](http://echarts.baidu.com/examples/editor.html?c=effectscatter-bmap)

如图所示,如何实现不同点的不同颜色,比如北京为红色,武汉为绿色?

解决方法:

查看 echarts api 文档。在 series 中,可以使用 itemstyle 设置点样式,其中 color 属性可以指定点的颜色。例如:

option = {
    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.'
            }
        }
    }
}

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