如何在html中echarts？

首先，下载到源码之后，在页面引入lib/echarts-plain-map.js，plain-map是未压缩的版本

<script type="text/javascript" src="lib/echarts-plain-map.js"></script>

然后引入主文件之后，就可以直接使用init()实例化了

<script type="text/javascript">

var myChart = echarts.init({

// ...

})

</script>

ECharts是一款由百度前端技术部开发的，基于Javascript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。 ECharts 提供大量常用的数据可视化图表，底层基于ZRender。

新建一个echarts.html文件，为ECharts准备一个具备大小(宽高)的Dom，如下图所示：新建<script>标签引入模块化单文件echarts.js，如下图所示：新建<script>标签中为模块加载器配置echarts和所需图表的路径(相对路径为从当前页面链接到echarts.js)，如下图所示：<script>标签内动态加载echarts和所需图表，回调函数中可以初始化图表并驱动图表的生成，如下图所示：浏览器中打开ecarts.html，就可以看到以下效果，如下图所示：

---