ECharts超简单使用方法~

简介

首先简单介绍一下,ECharts是一个纯JavaScript图表库,底层依赖于轻量级的Canvas类库ZRender,基于BSD开原协议,是一款非常优秀的可视化前端框架。

官网地址:http://echarts.baidu.com/

1、在官网选择合适的版本下载

http://echarts.baidu.com/download.html

2、引入 ECharts
通过标签方式直接引入构建好的 echarts 文件





    
    
    



3、绘制一个简单的图表
在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。



    
    

4、然后就可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的柱状图,下面是完整代码。





    
    ECharts
    
    


    
    

这样你的第一个图表就诞生了!
ECharts超简单使用方法~_第1张图片
你也可以直接进入 ECharts Gallery 中查看编辑示例

你可能感兴趣的:(ECharts超简单使用方法~)