官网: http://echarts.baidu.com/index.html
通过一个简单的小Demo介绍echart的使用:demo均亲测可以运行
demo1:
1、新建一个echarts.html文件,为ECharts准备一个具备大小(宽高)的Dom。
ECharts
2、新建<script>标签引入模块化单文件echarts.js
ECharts
3、新建<script>标签中为模块加载器配置echarts和所需图表的路径(相对路径为从当前页面链接到echarts.js)
ECharts
4、<script>标签内动态加载echarts和所需图表,回调函数中可以初始化图表并驱动图表的生成
ECharts
5、浏览器中打开echarts.html,就可看到以下效果
如果需要不同形式的图标,只更换option就可以了。
demo2:展示了更换option的图标。
1.代码:
ECharts
2.浏览器效果:
更多option,请参考官方文档:http://echarts.baidu.com/echarts2/doc/example.html
备注:灵活使用,注意API的调用,echart是一个很好的图表展示工具。