ECharts的使用 快速入门

  1. ECharts 的介绍
  2. ECharts 的主要功能
  3. ECharts 的使用

官网链接Apache ECharts

一、ECharts 的介绍

ECharts是一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。

二、ECharts 的主要功能

ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭

三 、ECharts 的使用

1.下载链接: https://echarts.apache.org/zh/download.html

2.选择一个版本点击Dist

ECharts的使用 快速入门_第1张图片

3.找到echarts.min.js  点击

ECharts的使用 快速入门_第2张图片

4.右键单击Raw,选择链接链接另存为

ECharts的使用 快速入门_第3张图片

5.编写代码





    
    
    ECharts
    


	
    

6.效果展示

ECharts的使用 快速入门_第4张图片

四、ECharts 的常用配置

1.series:图标数据,指定什么类型的图标,可以多个图表重叠。

2.xAxis:直角坐标系中的 x 轴

3.yAxis:直角坐标系中的 y 轴

4.grid:直角坐标系内绘图网格

5.title:标题组件

6.tooltip:提示框组件

7.legend:图例组件

8.color:调色盘颜色列表

9.stack:数据堆叠

关于更多的配置项参考官方文档

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