PHP前端开发

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

百变鹏仔 2个月前 (11-26) #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.'            }        }    }}