首页 前端知识 uniap 安卓/H5 使用echarts 常见问题解决

uniap 安卓/H5 使用echarts 常见问题解决

2024-04-15 09:04:58 前端知识 前端哥 889 37 我要收藏

问题1数据过多X,Y轴数据显示不全 超出图层

在这里插入图片描述

出现以上问题 显示不全是 因为X轴没有设置最大最小显示值
我们在配置数据显示的时候加上 min 和 max值 axisLabel

xAxis: {
type: 'category',
boundaryGap: false,
data: time,
min: 0, // 指定最小值
max: 7, // 指定最大值
axisLabel: {
formatter: '{value}', //Y轴的数据显示 图上 03-03....
margin: 10,//Y轴对于图层的距离 (Y轴是上图下面的日期)
color: "#333",//Y轴字体颜色
interval: 0,//Y轴数据间隔 0是默认 正常排序
show: true
}
}
复制

设置后的echatrs
在这里插入图片描述

问题2 echarts 位置显示

找到grid参数 根据需求慢慢调下面的 left right bottom

grid: {
left: '1%',
right:
复制
转载请注明出处或者链接地址:https://www.qianduange.cn//article/4965.html
标签
评论
还可以输入200
共0条数据,当前/页
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

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