CodeBuddy生成可视化图表易出错，需强制指定图表类型、锁定坐标轴精度、预处理空值与时间戳。具体包括：Prompt中明确图表类型及映射关系；用Plan模式分析匹配度；校验option.series.type大小写；嵌入axisLabel.formatter格式指令；Craft模式重写axis时声明保留其他配置；Ask模式诊断报错并插入null/undefined过滤逻辑；time字段须经new Date()转换。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
用CodeBuddy生成数据可视化图表时，常因模型误判图表类型、忽略坐标轴精度、硬套模板导致图表失真或无法渲染。你刚粘贴进来的销售数据明明是月度环比，它却画成饼图；你明确要求Y轴保留两位小数，生成的ECharts代码里axisLabel.formatter直接消失；更糟的是，它把含空值的时序数据强行用折线图连接，折线突然断开又跳起，业务方当场质疑数据真实性。
别让AI替你决定图表类型
第一步：在Prompt中【强制指定图表类型及核心映射关系】，例如“用柱状图展示各城市Q2销售额，X轴为城市名，Y轴为万元数值，禁止使用堆叠或分组模式”。
第二步：若CodeBuddy仍返回错误类型（如把对比类需求生成散点图），立即切换至Plan模式，输入“请先分析该数据特征与可视化目标匹配度，再给出3种备选图表及其适用理由”，让它先推理再执行。
第三步：检查生成代码中option.series.type字段——ECharts里bar、line、pie必须与Prompt中指定类型完全一致，大小写都不能错。一旦发现type: 'Bar'（首字母大写）或type: 'piechart'（多加chart），立刻重生成。
坐标轴与标签精度失控怎么办
方法一：在需求描述中嵌入格式化指令，例如“Y轴数值显示为‘¥12.34万元’，保留小数点后两位，千位分隔符启用”。
CodeBuddy Code CLI 的安装、配置与使用指南。CodeBuddy Code 是腾讯推出的 AI 驱动 CLI 编程助手，支持自然语言驱动开发。 - 必备触发词：CodeBuddy, codebuddy, AI CLI, Tencent AI coding, @tencent-ai/codebuddy-code, terminal AI assistant - 适用场景：安装 CodeBuddy CLI、配置 CodeBuddy、使用 CodeBuddy 命令、排查 CodeBuddy 问题
方法二：对ECharts配置，直接锁定axisLabel.formatter函数体，写明“必须使用{value} → {value.toFixed(2)} + '万元'逻辑，禁用callback形式”。这一步能堵住DS31模型常犯的formatter被省略或写成字符串模板的漏洞。
方法三：用Craft模式重写axis配置块，输入“仅重写xAxis和yAxis对象，保持其他配置不变，yAxis.axisLabel.formatter严格按'{value}万元'格式，数字部分保留两位小数”。【注意：Craft模式下若未声明‘保持其他配置不变’，它会清空整个option对象】
空值与异常数据引发的渲染崩溃
打开CodeBuddy的Ask模式，粘贴报错信息：“Uncaught TypeError: Cannot read property '0' of undefined at line 87”，然后追问：“这个错误是否源于series.data中存在null或undefined？如何安全过滤？”
得到回复后，立刻在生成的data数组前插入预处理逻辑：series.data = originData.map(item => item === null || item === undefined ? '-' : item)。这行代码必须出现在图表渲染之前，且不能依赖外部库——CodeBuddy生成的纯前端代码通常不带lodash。
若原始数据含时间戳但未转为Date对象，ECharts会静默失败。此时需在Prompt末尾追加一句：“所有time字段必须先经new Date()转换，不可直接传入毫秒数或字符串”。
