如何计算数据百分比并正确传入doses1数组用于图表渲染
修复方案
你当前往doses1数组传入的是原始计数3,而非计算完成的百分比数值,是导致图表显示错误的核心原因,按以下步骤调整即可:
- 确认计算基数准确:确保
totalUsers取值为固定的20,如果你是动态统计总用户数,先校验该值是否和实际样本量一致,避免分母错误导致计算结果偏差。 - 修改
doses1的赋值逻辑:不要直接把统计得到的原始计数推入数组,先完成百分比计算再写入,示例代码如下:
// 原错误逻辑参考,如果你是类似写法直接替换即可 // doses1.push(acc[month]) // 修正后逻辑 const monthPercent = ((acc[month] / totalUsers) * 100) // 可选:如果你需要保留固定小数位,同时保证是数值类型传给图表,用下面的写法 // const monthPercent = Number(((acc[month] / totalUsers) * 100).toFixed(2)) doses1.push(monthPercent)
- 排查类型问题:不要给计算结果拼接
%后缀后再传入doses1数组,百分比符号属于展示类内容,可以在图表的标签/tooltip格式化配置中添加,数据源只需要传纯数值即可,避免字符串类型导致图表解析报错。
内容的提问来源于stack exchange,提问作者JS3
相关产品推荐
相关产品推荐

