Echarts 地图 省份的颜色自定义如何设置?

JavaScript032

Echarts 地图 省份的颜色自定义如何设置?,第1张

1、首先将省份和颜色的关系描述起来,写到js中。

2、然后在地图实现方法中从数据库中获取数据,然后将数据作为变量代Echarts的option中的data值。

3、在注入这些值的时候进行判断,根据不同的选择情况,从关系描述的js中获取值,看看选择条件是否在范围之内,如果是,则加上itemStyle属性。

4、然后对不同的下拉选择进行判断,当点击查询按钮的时候,将这些值传递到定义的全局变量中。

5、接着写这个地图的点击事件,其中search_map()方法是重新查询后台数据,生成地图所需要的数据,regionList是定义的变量,用来存放要选中的区域块的值。

6、最后展示效果,各个省份都用颜色设置出来了。

通过Echarts3结合百度地图,对全国省分进行着色。

由于Echarts3中,不再使用china.js文件:

学习百度地图使用方法,先用各省分着色练手。

可参考官方文档:

Echarts-百度地图省分着色