关于APP端uCharts图表数据偶发性渲染不上去的问题

娜娜没有bug

于 2022-02-17 10:15:42 发布

阅读量2k

点赞数 2

文章标签：前端 vue.js javascript 前端框架 webview

本文链接：https://blog.youkuaiyun.com/malala_/article/details/122976236

版权

在使用uCharts制作APP图表时，遇到华为手机上数据偶发性无法渲染的问题。通过调试发现，后端提供的数据中存在null，导致前端处理后的数据不符合uCharts的chartData格式。在过滤掉数组中的null后，所有手机均能成功渲染图表。反思后，希望后端能直接提供合适格式的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 问题描述：

在做APP页面的时候，图表数据在某些华为手机上渲染不出来，但是在模拟器上显示正常

2. 调试过程：

后端给的数据：

[{
	"month": "1月",
	"value": 108.43
}, {
	"month": "2月",
	"value": 0
}, {
	"month": "3月"
}, {
	"month": "4月"
}, {
	"month": "5月"
}, {
	"month": "6月"
}, {
	"month": "7月"
}, {
	"month": "8月"
}, {
	"month": "9月"
}, {
	"month": "10月"
}, {
	"month": "11月"
}, {
	"month": "12月"
}]

由于前端需要对这些数据做处理，以符合uCharts的chartData格式

处理程序：