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,浏览器中即刻呈现带筛选、可刷新、响应式的数据分析看板。










