CodeBuddy可在20分钟内将销售明细表转为可交互HTML看板：自动读取CSV/Excel，清洗日期、金额、空格等字段，生成含月度折线图、区域柱状图、TOP10表格的响应式看板，并支持区域与日期筛选联动，一键导出离线可运行文件包。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要在20分钟内把一份销售明细表变成可交互的数据看板，而不是手动拖拽Excel图表再截图发群——CodeBuddy能直接读取本地CSV/Excel，生成带筛选、排序、可视化图表的HTML页面，所有代码自动写好、一键运行。
准备环境与导入数据
打开CodeBuddy IDE（非插件版），确保已登录并授权访问本地文件夹。不要用Chat模式试水，直接切到Craft模式——它会真正执行操作，不是只给建议。
点击左上角「+ New Project」→ 选择「Data Analysis」模板 → 在弹出窗口中点击「Upload File」，选中你的sales_data.xlsx或sales_data.csv。文件必须含表头，且首行不能空，否则后续字段识别会错位。
上传后等待右下角状态栏显示「File loaded successfully」，此时数据已加载进内存，但尚未解析结构。
在AI指令框输入：请分析这份销售数据，列出所有字段名、数据类型及前5行样例。 → 点击「Run」。这一步必须做，否则你不知道“订单日期”字段叫date还是order_time，也无从写清洗逻辑。
清洗数据并生成中间结果
清洗不是美化，是让后续计算不出错。常见陷阱：日期格式混杂（2024/1/1 vs 2024-01-01）、金额带¥或逗号、区域字段有“华东 ”和“华东”两种空格变体。
方法一：用自然语言指令一次性清洗
在Craft指令框输入：读取当前数据，将“订单日期”字段转为标准日期格式（YYYY-MM-DD），把“销售额”字段去除¥符号和千分位逗号并转为数值，将“销售区域”字段首尾空格去除，空值统一填“未知”，清洗后保存为sales_cleaned.csv。 → 点击Run。
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 问题
【注意：清洗后务必预览sales_cleaned.csv，确认“销售额”列已变成纯数字，否则图表求和会失败】
方法二：分步调试（适合字段多、逻辑复杂的表）
先查缺失值：输入“统计各字段缺失值数量”。
再查异常格式：输入“检查‘销售额’字段是否包含非数字字符，列出所有异常值”。
最后定向修复：输入“将‘销售额’字段中所有¥和,替换为空，并转为float类型”。
构建可交互看板
这一步不写HTML/CSS/JS，全靠指令驱动。CodeBuddy会自动生成一个index.html，内置ECharts图表和Vue响应式筛选器。
第一步：定义核心指标
输入：基于sales_cleaned.csv，生成一个网页看板，包含以下三块内容：①按月份汇总的销售额折线图；②按销售区域分布的柱状图；③按产品类别统计的销售额TOP10表格。
第二步：添加交互能力
输入：为看板增加两个筛选器：一个下拉菜单用于选择销售区域（选项来自数据中实际出现的区域），一个日期范围选择器（默认覆盖全部订单日期）；筛选器联动所有图表和表格。
第三步：导出可运行文件
输入：将整个看板打包为独立文件夹，包含index.html、data.json（清洗后数据）、echarts.min.js和vue.min.js，确保双击index.html即可在浏览器中打开，无需联网或本地服务器。 → Run后，CodeBuddy会在项目根目录生成「dashboard_output」文件夹。
打开该文件夹，双击index.html，浏览器中即刻呈现带筛选、可刷新、响应式的数据分析看板。
