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

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

2024-04-15 09:04:58 前端知识 前端哥 873 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
标签
评论
发布的文章

用js生成小米商城

2024-04-27 21:04:59

网页汇率计算器vue代码

2024-04-26 13:04:44

Python读写Json文件

2024-04-23 22:04:19

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