You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何计算数据百分比并正确传入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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.04 19:36:05