如何快速使用ECharts绘制可视化图表

1.在ECharts官网，下载ECharts的源码和示例文件。

2.解压缩下载下来的Echars压缩包，找到doc\example\www\echartsjs目录，将里面的js文件全部取出来，放到项目js目录文件夹下。

3.在页面的顶端引入模块加载器esl.js。

1	<script src=\' #\'" /esl.js"></script>

4.为ECharts准备一个具备大小的Dom。

1	<div id= "chartArea"  style= "height:500px;border:1px solid #ccc;padding:10px;" ></div>

5.为模块加载器配置echarts的路径，从当前页面链接到echarts.js，定义所需图表路径。

1 2 3 4 5 6 7

require.config({          paths:{              echarts: './js/echarts' ,              'echarts/chart/bar'  :  './js/echarts' ,              'echarts/chart/line' :  './js/echarts'          }      });

6.动态加载echarts然后在回调函数中开始使用，注意保持按需加载结构定义图表路径