首页 前端知识 echarts 关于y轴单位以及x轴数据过多的滚动和放大缩小展示

echarts 关于y轴单位以及x轴数据过多的滚动和放大缩小展示

2024-07-30 22:07:18 前端知识 前端哥 895 322 我要收藏

1. y轴单位,以及y轴单位的样式

先上效果图
复制

在这里插入图片描述
y轴的单位,顾名思义,肯定在yAxis 这个属性中
代码:

yAxis: {
show: true, // 前提: y轴肯定是要显示的
name: "单位:吨", // 你的单位写在这就可以
nameTextStyle: { // 单位样式
color: "#FFFFFF", // 字体颜色
fontSize: 10, // 字体大小
padding: [0,15,4,0] // 内填充
},
}
复制

2. x轴数据过多的滚动和放大缩小展示

当给的地方比较小,但是x轴的数据比较多或者x轴比较粗(跟我一样粗的时候),展示不全的时候就需要左右滚动,或者放大缩小
在option中加入这个属性就可以

dataZoom: { // 加这个属性
start: 0,
type: "inside"
},
复制

位置:

let option = {
title: {},
tooltip: {},
xAxis: {},
yAxis: {},
dataZoom: {} // 跟xAxis 他们同级就可以
}
复制
转载请注明出处或者链接地址:https://www.qianduange.cn//article/14649.html
标签
评论
还可以输入200
共0条数据,当前/页
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!