当前位置: 首页>编程语言>正文

学习ECharts

首先在?https://www.jsdelivr.com/package/npm/echarts?选择?dist/echarts.js,点击并保存为?echarts.js?文件并引入。

学习ECharts,第1张
引入echarts.min.js文件
学习ECharts,第2张
为Echarts准备一个DOM容器

初始化

学习ECharts,第3张
方法一:前提是DOM容器已有宽高
学习ECharts,第4张
方法二:实例时就定义图表的宽高

配置和数据

学习ECharts,第5张

title:图表的标题

tooltip:

legend:色块名称

xAxis:x轴

yAxis:y轴

series:

显示图表

学习ECharts,第6张

最后就得到了一个非常基础的竖状图

学习ECharts,第7张

发布于:2023-01-08(此文章并不是最终版)


https://www.xamrdz.com/lan/5eh1993867.html

相关文章: