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

最新推荐文章于 2024-08-26 17:34:53 发布

奥子

最新推荐文章于 2024-08-26 17:34:53 发布

阅读量1.1k

点赞数 1

分类专栏： uniapp 文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/weixin_45157073/article/details/129421933

版权

本文主要介绍了在uniApp中使用echarts遇到的三个常见问题：1) 数据过多导致X,Y轴显示不全，解决办法是设置X轴的最大最小显示值；2) echarts图表位置显示问题，通过调整grid的left, right, bottom参数来定位；3) uniApp打包成App后echarts显示空白，原因是使用了renderjs而非常规js，需注意区别处理。" 120097323,2303179,AUTOSAR ECUM 睡眠与关闭详解,"['AUTOSAR', 'ECU管理', '汽车电子', '软件架构']

摘要由CSDN通过智能技术生成

问题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
	}
}