如何使用ECharts话一个简单的图表

ECharts使用五步

  1. 下载并引入echarts.js文件
  2. 准备容器(用于放图表)
  3. 初始化echarts对象
  4. 指定配置项和数据(option)
  5. 将配置项传给echarts对象

1.下载并且引入echarts.js文件

官网下载路径:下载地址

下载完成之后,可以通过标签方式直接引入echarts.js文件



    
    
    


2.准备容器

准备一个具体大小的容器,用于放入表格


    

3.初始化echarts对象

4.指定配置项和数据

5.将配置项传个echarts对象


    

最后的成品图

如何使用ECharts话一个简单的图表_第1张图片

你可能感兴趣的:(js,js)