前言
Echarts是一个WEB版数据可视化开源JS（JavaScript）库，具有丰富的图表展示功能和优秀的交互体验。 在我们的交通领域，掌握了Echarts，你将拥有一件夺人眼球的利器！ 无需担心编制各种花哨的图表和地图echarts交互案例，让您的结果报告成为最好的！ 本期我们通过一个简单的案例对其进行初步介绍。
流量套餐
Echarts框架目前只支持.json格式的地图，所以当我们决定使用echarts进行地图可视化时，必须提前准备好相应的.json格式的地图文件。
.json文件可以直接在echarts地图创建工具中生成（工具地址在文字后面）echarts交互案例，也可以通过FME等工具由矢量文件转换而来。 这里我们以甘肃藏族自治区地图为例。
主题代码
我们可以异步加载 .json 地图文件。 加载后，我们需要注册地图。 全部规划完成后，Echarts采用数据样式配置的方法来实现数据可视化。 可配置的对象大致可以分为三类：图表复制、属性样式、交互状态。 其中图表文案主要包括图表标题、副标题、文案位置等，属性样式配置是我数据可视化中最关键的部分。 我们可以通过通配符对的形式绑定关键数据属性，并根据数据属性的分类（如颜色、大小、透明度等）来配置渲染点、线、面。 交互状态主要指浮动、点击键盘等操作对图表渲染的影响。
具体代码如图1所示。
图1 主体代码
运行上述代码的结果是在浏览器页面上显示一张河南地图。 当键盘连接到地图时，相应的行政区域将突出显示并显示其名称。 疗效见图2。
图2 代码运行疗效图
温馨提示：
由于代码加载本地json文件，因此需要在Web服务环境（Tomcat、IIS等）下正常运行。
本期代码百度云盘下载地址：
