Echarts.JS 2.2使用方法 5分钟学会

第一步:下载echarts.js,将其解压到项目下

Echarts官网

Echarts.JS 2.2使用方法 5分钟学会_第1张图片

Echarts.JS 2.2使用方法 5分钟学会_第2张图片

 第二步:新建echarts.html



    
    ECharts



    
    

第三步:引入echarts.js

 


    

第四步 动态加载要使用的图表

  

第五步:选择你要用什么图表

Echarts.JS 2.2使用方法 5分钟学会_第3张图片

这里我选择了标准折线图

Echarts.JS 2.2使用方法 5分钟学会_第4张图片

点进去可以看到它的实例option

Echarts.JS 2.2使用方法 5分钟学会_第5张图片

把它的option拷贝到自己的html里,就可以用了

Echarts.JS 2.2使用方法 5分钟学会_第6张图片

实际项目中,图表的属性和数据根据需求去设置就好了,可以参照它的实例去改,换成自己想要的就行了

不懂参数的话看Echarts参考手册

你可能感兴趣的:(前端)