echarts简单入门

echarts.js是一款基于HTML5的图形库,图形创建也比较简单,直接引入JS就行。

使用这个库的原因主要有三点:1.这个库是百度的,也一直在更新。2.项目文档比较详细,每个点的说明都很清楚,最重要的是中文,理解容易。3.这个库支持的图形丰富,而且可以直接切换图形,使用方便。

第一步:引入JS文件

第二步:准备一个放图标的容器

第三步:设置参数,初始化图表

折线图.jpg
柱状图.jpg

饼图和折线图、柱状图配置上是有区别的,主要是参数和数据绑定,饼状图没有X轴和Y轴,数据绑定上采用的是value和那么对应的形式。


饼状图.jpg

简单好用!

你可能感兴趣的:(echarts简单入门)