sheny-bio/dsh-echarts

README 摘要

dsh-echarts 让 DSH 的回答不止有代码，还能直接变成可交互图表。 模型只需输出一段 Strict JSON，插件便会把 echarts 代码围栏自动渲染为 Apache ECharts Canvas。 DSH Web · Apache ECharts 6 · Lazy load · No CDN · MIT 真实 Canvas 渲染效果：营收柱状图 + 同比增长率折线图 English 为什么选择 dsh-echarts？ - 零额外 Tool 调用 ：模型正常回复一个 echarts 围栏即可，图表由 Web UI 自动捕获。 - 保留完整交互 ：tooltip、图例筛选、缩放、数据区域选择和导出图片等 ECharts 能力均可使用。 - 按需加载 ：图表接近视口时才加载 ECharts，多图串行初始化，长对话也更轻量。 - 跟随 DSH 主题 ：自动响应 light / dark 主题与容器尺寸变化。 - 本地且可控 ：ECharts bundle 由插件本地提供，不依赖 CDN；模型输出按不可信输入校验。 - 失败不丢源码 ：JSON 或渲染出错时保留原始代码，并显示可复制的错误信息。 适合数据分析结果、运营报表、实验对比、趋势展示，以及任何希望在对话中“直接看图”的场景。 30 秒上手 1. 安装插件 2. 重启 DSH Web 已经全局安装 dsh 时，可将以上命令中的 npx @deepseek-ai/dsh 简写为 dsh 。 3. 让模型输出图表 可以直接把下面这句话交给模型： 请把季度数据画成柱线双轴图。最终输出一个小写 echarts 代码围栏，围栏内只放 Strict JSON，不要使用注释、函数或表达式。 只要回答中出现完整的 echarts 围栏，插件就会自动渲染，无需点击运行按钮。 示例 柱线双轴图 下面的配置就是首页截图所使用的图表。复制到 DSH 对话中即可体验： echarts { "title": { "text": "2024 各季度营收与同比增长率", "subtext": "营收（亿元） · 同比增长率（%）", "left": "center" }, "color": [" 5470c6", " ee6666"], "tooltip": { "trigger": "axis", "axisPointer": { "type": "cross" } }, "legend": { "data": ["营收", "同比增长率"], "top": 56 }, "grid": { "left": 64, "right": 64, "top": 104, "bottom": 48 }, "xAxis": { "type": "category", "data": ["Q1", "Q2", "Q3", "Q4"] …

分类