用echarts.js制作中国地图,点击对应的省市链接到指定页面

这里使用的是ECharts 2,因为用EChart 3制作的地图上的省市文字标识会有重叠,推测是引入的地图文件china.js,绘制文字的坐标方面的问题,所以,这里还是使用老版本。

ECharts 2需要require加载模块。html中只需要用script引入echarts.js即可。

具体代码如下:

按 Ctrl+C 复制代码
echarts.js插件实现中国地图省份选择效果
按 Ctrl+C 复制代码

文件结构如下:

用echarts.js制作中国地图,点击对应的省市链接到指定页面_第1张图片

效果如下:

用echarts.js制作中国地图,点击对应的省市链接到指定页面_第2张图片

点击四川或重庆,就会跳转到指定链接。

区块背景的颜色控制:itemStyle-->normal-->color。

区块里面的字体颜色控制:itemStyle-->normal-->label-->textStyle-->color

你可能感兴趣的:(工作,echarts,java)