之前想做性能测试的数据图表,动态地展示在页面上,老公就推荐了Echarts。ECharts是百度开发的基于Javascript 的图表库,可以运行在 PC 和移动设备上,兼容当前绝大部分浏览器。
1.安装
新建一个echart目录,然后到ECharts的官方网站下载echarts.js文件:http://echarts.baidu.com/dist/echarts.js
2.绘制一个简单的图表
新建一个index.html文件,在IDE中输入以下代码:
用浏览器打开,可以看到自动生成了如下的图表:
3.绘制一个复杂的图表
Echarts支持各种图表,官方网站上有详细的说明如何引用,比如试着绘制一幅中国地图。
感兴趣的童鞋可以去官网上慢慢研究。
网友评论