菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育
标题:
裴虎伟-前端(24)_20221216
[打印本页]
作者:
faith
时间:
2023-1-5 21:37
标题:
裴虎伟-前端(24)_20221216
一、今日所学内容Echarts
(1)数据可视化:帮助用户理解数据
(2)Echarts(常用)、highcharts
(3)柱状图
适用于二位数据集,每个数据点包括两个值x,y,但是只有一个维度进行比较;
柱状图利用柱子的高度,反应数据的差异;
(4)用法:以引入柱状图为例
创建一个.html的文件;
打开bootcdn输入Echarts,点击进入找到以下两个文件,将这两个文件引入到.html文件中;
在.html文件中定义一个容器,给定宽高,用于装柱状图;
在Echarts网站中点击一个柱状图,将它的完整代码复制过来,粘贴到.html文件中;
data中的内容可以修改;
(5)图例修改:在legend中对icon进行修改
欢迎光临 菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)
Powered by Discuz! X3.4