【动态网页】让你的图表动起来，基于 Echarts 的可视化交互

之前介绍过基于 Python 调用百度 Echarts 制作可视化图表，但当我们基于 H5 网页进行可视化交互展示的时候，也希望有动态可视化交互的展示效果，这时，我们可以通过 JavaScript 将 Echarts 动态图标集成到 H5 网页中。

如上图所示，可以通过修改左边的 JS 代码动态的生成右边动态可视化的 H5 图表，可以点击下方的 “ 下载示例 ” 得到动态图表的 HTML 源码，然后将图表 HTML 源码复制到自己的 H5 网页中，即可让网页中的图表 ” 动起来 “ ，动态图表效果如下所示。

Echarts 中有很多效果更好的动态图表，如：关系图、地图、3D地图等，可以有效提高网页展示的效果，下面展示的基于关系图的动态图标。

注：绝大部分的网站后台的编辑窗口都带有插入 “内嵌 HTML” 功能，只需要将 Echarts 关于图表的 HTML 和 JS 源码通过 “内嵌HTML” 的方式插入到网页中并设置好显示的大小即可。但是部分网站可能不支持嵌入HTML，如 “微信公众号” ，这种情况若还需要使用动态图表，建议使用第三方编辑后台。

参考资料

1. ECharts 样例：https://echarts.apache.org/examples/zh/index.html