echarts使用简介

1. echarts是百度公司捐献给apache开源的一个前端图表库

2. 官网地址: https://www.echartsjs.com/zh/index.html

3. 使用介绍:

  3.1. 下载echarts.js

  echarts使用简介_第1张图片

  3.2. 将ecahrts.js导入项目,并定义一个div,然后对这个div进ts行初始化配置一些图表参数和数据,

      数据可以使用ajax的回调函数进行动态传递, 或者echarts.js也自带有ajax.

  echarts使用简介_第2张图片

 

3.3 效果图

echarts使用简介_第3张图片

3.4 

   3.4.1 可以用ajax获取动态数据

 echarts使用简介_第4张图片

 

 3.4.2 也可以用echarts.js官网自带的ajax去请求后端获取数据

  echarts使用简介_第5张图片

3.5  参数配置可以从官网查看说明

 echarts使用简介_第6张图片

 

3.6.  练习(如果觉得启动项目来访问页面及配置参数麻烦则可以直接在官网进行测试图表)

测试地址(如果要换配置,只需要修改option参数就行): https://echarts.apache.org/examples/zh/editor.html?c=doc-example/getting-started

echarts使用简介_第7张图片

 

 

echarts使用简介_第8张图片

 

你可能感兴趣的:(echarts使用简介)