echart是一款非常好用的画统计图插件,并且上面的统计图类型还是比较丰富的,这里主要以其中的一个例子来介绍怎么画,其他类型的也都是这样画,只是需要修改部分参数:
打开前端编译器,这里使用的是idea:
打开项目:
在项目中复制echarts.js文件:
在head中引用该文件:
在body中添加一个div,此div就是统计图的容器:
写下如下图的介绍即可,如果还有不明白的可以提问哦!
最后的效果如下图: