hz4th_coder/data-chart-tool
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
33 Commits 1 Branch 38 Tags
86669f9cf5d4d61ad427a98569cd901cd93db842
Commit Graph
33 Commits
This Branch
This Branch
All Branches
Author SHA1 Message Date
hz4th_coder 86669f9cf5 feat: X轴轴名+刻度倾斜角度可调(默认水平) + 双Y轴图例按左右轴分组放到对应轴边上 v1.17.0 v1.17.0 2026-08-23 09:51:18 +08:00
hz4th_coder 2cc6491440 feat: 数据方向(行=系列)+每系列类型/双轴 + 多图大标题/共享图例 v1.16.0 
- 图表模式新增'数据方向'：列=系列(默认)/行=系列（第一行是横坐标，每行一个系列），每行可独立设柱状/折线 + 左右轴量度
- 后端 buildChartOption/GET /api/chart 支持 rowsAsSeries + seriesAxis(按系列下标指定左右轴)
- 多图合并每张小图新增：行=系列、双Y轴(左右量度不同)、每系列独立图表类型与坐标轴配置
- 多图合并新增图片大标题(bigTitle)，居中显示在顶部
- 多图合并新增图例方式(legendMode)：own 各自图例(默认)/shared-top 共用图例顶部/shared-bottom 共用图例底部，共用时各子图隐藏自己的图例、系列合并去重、超宽自动换行
- /api/combine 后端同步支持 bigTitle/legendMode（含深色主题文字适配）
- 收藏功能完整支持新字段（combine 大标题/图例方式/每系列配置，chart 数据方向），编辑恢复正常
- 文档/API.md/README 更新，版本 1.16.0
v1.16.0 		2026-08-22 12:03:05 +08:00
hz4th_coder 94aa37e612 style: 顶部标题与收藏按钮同一行显示，压缩头部高度给内容区更多空间 v1.15.1 2026-08-19 18:16:28 +08:00
hz4th_coder 606610f8d3 feat: 新增收藏功能 - 图/表/合并图一键收藏，按原始大小保存到收藏区，可查看原图/下载/删除，点击编辑在新标签页加载配置再次制作 v1.15.0 2026-08-19 17:55:18 +08:00
hz4th_coder 7a03ecc063 feat: 新增饼图/雷达图图表类型 
- 单图模式图表类型新增：饼图（环形占比，第一列=名称/第一系列=数值）、雷达图（多维度对比，第一列=维度/每系列=多边形）
- 多图合并的每张图也可选饼图/雷达图
- 后端 /api/chart 与 /api/combine 的 chartType 支持 pie/radar
- 饼图/雷达图自动隐藏坐标轴/网格/双轴等不适用配置
v1.14.0 		2026-08-19 17:12:18 +08:00
hz4th_coder d7c7c08407 fix: keepalive 保活脚本改用 node 绝对路径 
cron 环境 PATH 不含 nvm 目录，nohup node 找不到命令导致服务一直拉不起来
（HTTP=000）。改用 $HOME/.nvm/.../bin/node 绝对路径，模拟 cron 最小环境
验证可正常拉起。
v1.13.2 		2026-08-19 16:39:45 +08:00
hz4th_coder 6b5223daec feat: 多图合并支持多行多列网格排布 + 统一'多图合并'文案 
- 合并模式新增'多行多列'排布（radio），可选每行列数（gridCols），
  子图按最大单元格 contain 居中排列，列数变化实时重排
- 后端 /api/combine 支持 direction=grid + cols 参数
- 页面所有'双图合并'文案统一改为'多图合并'
v1.13.1 		2026-08-19 13:39:14 +08:00
hz4th_coder e56c6cb79f feat: 双图合并升级为多图合并 + 数据输入框加宽 
- 合并模式默认2张图，新增'＋添加图表'按钮可不断添加，每张图可独立删除
- 每张图卡片：标题/类型/主题/显示选项/数据，动态渲染（combineCharts 数组驱动）
- 合并逻辑支持 N 张图：横排等高依次排列、竖排等宽依次堆叠
- 后端 /api/combine 支持 charts 数组（N 张），兼容 chart1+chart2
- 修复合并图数据输入框过窄：.config-group textarea 统一 width:100%（与设置区一致）
v1.13.0 		2026-08-19 13:30:35 +08:00
hz4th_coder 576024af76 feat: 双Y轴左右轴可独立命名 + 不同轴可设不同图表类型 
- 双Y轴：左右两个轴都可单独命名（左轴名称/右轴名称输入框）
- 修复系列类型下拉不生效的 bug（seriesTypeOverrides 只写不读），
  现在每个系列可独立设置柱状/折线，结合轴分配实现'左轴柱状+右轴折线'
- 后端 /api/chart 新增 leftAxisName + seriesTypes 参数（POST/GET 均可）
v1.12.0 		2026-08-19 13:19:28 +08:00
hz4th_coder 68e4b72d46 fix: 修复单图模式预览区遮挡导出预览 + 下载按钮宽度 
1. 布局重构：右侧主区域改为上下排列（原图预览在上、导出预览在下），
   chartArea 高度 600→420px，导出预览不再被遮挡
2. 下载按钮：根因是 .btn-success 自带 flex:1 把按钮拉伸占满，已用
   flex:0 0 auto + width:auto 覆盖，189px→58px
v1.11.1 		2026-08-19 13:09:51 +08:00
hz4th_coder 6a696daeb8 feat: 单图模式新增双Y轴 + 下载按钮缩小 
- 图表模式新增双Y轴：左右两个坐标轴，量度可不同
  - 显示选项加"双Y轴"开关，启用后显示右轴名称输入
  - 每个系列在系列配置中可选择左轴/右轴
  - 后端 /api/chart 支持 dualYAxis + rightAxisSeries + rightAxisName（POST/GET 均可）
- 导出设置折叠栏下载按钮改小，避免挤占
v1.11.0 		2026-08-19 12:59:46 +08:00
hz4th_coder d9b3253fa0 chore: 同步版本号至 v1.10.1 v1.10.2 2026-08-19 12:50:40 +08:00
hz4th_coder 51d3e09378 feat: 导出设置支持展开/折叠（默认折叠）+ 恢复默认按钮 
- 导出设置面板默认折叠，点击标题栏展开/收起，折叠栏显示当前分辨率摘要
- 折叠栏保留快速下载按钮，始终可用
- 新增🔄恢复默认按钮：一键重置分辨率/自定义/文件名/历史选择到初始状态（历史记录保留）
v1.10.1 		2026-08-19 12:50:26 +08:00
hz4th_coder 9a8cbb125c feat: 导出设置增强 —— 分辨率预设/自定义/历史记忆/日期命名 
- 导出设置面板：分辨率预设（原始/1920×1080/1280×720/1024×768/800×600/自定义）
- 自定义宽高手动输入，页面实时居中预览导出效果（原图 contain 居中，自动适配深色背景）
- 分辨率历史记忆：localStorage 存最近5个，下拉一键复用
- 文件名：默认按日期时间自动命名（每次不同），支持手动命名（自动补扩展名）
- 三个模式（图表/表格/双图合并）统一走带分辨率的导出
- 修复：DOMContentLoaded 提前调用 generateCombine 覆盖 chartArea，导致图表模式 echarts canvas 被破坏
v1.10.0 		2026-08-19 12:40:22 +08:00
hz4th_coder 52a245e044 fix: 修复双图合并预览/导出为白图的问题 
根因：renderOne 里 resolve(cvs) 后立即 chart.dispose()，Promise 微任务在
dispose 之后才执行，此时 echarts 已清空 canvas 内容，合并出来全是白图。
默认主题下因白底白图不易察觉（内容其实一直没画上）。

修复：resolve 前先把内容复制到独立 canvas 副本再 dispose，保证合并时
拿到的是有效像素。深色主题下验证通过（深色背景+彩色内容均正常）。
v1.9.2 		2026-08-19 12:27:04 +08:00
hz4th_coder 479d95cb2c chore: 同步健康检查版本号至 v1.9.0 v1.9.1 2026-08-19 12:15:56 +08:00
hz4th_coder e62aac539b feat: 新增双图合并模式，支持横排/竖排将两张图合并为一张图 
- 后端新增 POST /api/combine 接口（chart1/chart2 + direction/gap/pixelRatio/background）
- 前端新增 🖼️ 双图合并模式：两张图独立配置数据/标题/类型/主题
- 横排（左右等高三张图）或竖排（上下等宽），一键切换实时预览
- 修复 @napi-rs/canvas echarts 渲染需先 toBuffer 再 dispose 的关键问题
- 更新 README/API 文档
v1.9.0 		2026-08-19 12:15:31 +08:00
hz4th_coder 3107d56764 chore: 同步版本号至 v1.8.0（修正 tag 序列） v1.8.1 2026-08-19 11:57:08 +08:00
hz4th_coder 79a1ca36c5 feat: 添加 keepalive 保活脚本 + cron 定时检查 
- 每5分钟检查服务是否运行
- 自动杀掉占用端口的非 node 进程（如 Python http.server）
- 自动重启 node 服务
v1.8.0 		2026-07-24 17:34:02 +08:00
hz4th_coder a6c8de5820 fix: 修复表格模式无法显示的问题 
1. 修复 registerFont API 调用 - @napi-rs/canvas 使用 GlobalFonts.registerFromPath 而非 registerFont
2. 确保 Express 服务端正确启动（之前误用 Python http.server 导致 POST 请求返回 501）
v1.7.1 		2026-07-24 16:17:32 +08:00
hz4th_coder 5f9357a182 feat: 新增表格边框样式控制功能 
支持10种边框样式：
- all: 全部边框（默认）
- none: 无边框
- no-outer: 无外边线
- no-horizontal: 无横线
- no-vertical: 无竖线
- no-inner: 无内部线
- no-inner-horizontal: 无内部横线
- no-inner-vertical: 无内部竖线
- outer-only: 仅外边框
- header-only: 仅表头分隔线

前端和API均已支持
v1.7.0 		2026-07-17 13:37:43 +08:00
hz4th_coder c6b930b6d6 fix: 修复表格底部多余空白 
- 去掉高度计算中多余的 borderWidth * 2
- 调整边框绘制，向内偏移半个线宽
- 边框紧贴表格内容，无额外空白
v1.6.1 		2026-07-17 13:30:26 +08:00
hz4th_coder 0e1ef77054 feat: 风格切换按钮移至图表右侧 
布局调整：
- 风格按钮区域移到图表展示区右侧并排显示
- 右侧面板改为 flex 横向布局
- 风格区域固定宽度 160px，每行2个按钮
- 风格区域支持独立滚动
- 小屏幕下自动回到图表下方（响应式）
v1.6.0 		2026-07-17 13:21:52 +08:00
hz4th_coder 9f4d67a65f style: 风格切换按钮改为每行两个布局 
- 使用 grid 布局，固定两列
- 按钮更宽，预览色块更清晰
- 保持右侧位置，便于快速切换
v1.5.1 		2026-07-17 13:17:56 +08:00
hz4th_coder 2f85dd5b28 feat: 新增7种简约纯色表格风格 
新增风格：
- slate 石板灰：专业商务
- sky 天空蓝：清爽明亮
- rose 玫瑰红：优雅大方
- amber 琥珀黄：温暖柔和
- emerald 翡翠绿：高贵典雅
- indigo 靛蓝色：沉稳内敛
- stone 石灰白：极简现代

特点：纯色表头，简洁干净，无渐变效果
v1.5.0 		2026-07-17 13:14:47 +08:00
hz4th_coder 3833742d4d feat: 新增5种主题风格 + 风格快速切换按钮 
新增主题：
- cherry 樱花粉：甜美可爱
- midnight 午夜：深紫高端
- gold 金色：奢华典雅
- coral 珊瑚：时尚活泼
- mint 薄荷：清新凉爽

UI改进：
- 在图表展示区下方添加15种风格快速切换按钮
- 每个按钮带渐变色预览，点击即切换
- 图表模式和表格模式都支持全部15种主题
- 下拉框和按钮状态双向同步
v1.4.0 		2026-07-17 13:10:03 +08:00
hz4th_coder 13abdea15b feat: 新增5种表格主题风格 
- ocean 海洋蓝：清爽专业，适合商务科技场景
- forest 森林绿：自然护眼，适合长时间阅读
- sunset 日落橙：温暖活力，吸引注意力
- lavender 薰衣草紫：优雅浪漫，柔和梦幻
- minimal 极简灰：干净现代，强调内容本身

现在共10种表格主题可选
v1.3.0 		2026-07-17 12:55:46 +08:00
hz4th_coder e2f9892a2a feat: 新增表格图片生成功能 
- 新增 POST/GET /api/table 接口
- 支持5种主题风格、自定义字体大小、斑马纹等
- 前端新增图表/表格模式切换
- 完美支持中文内容显示（Noto Sans CJK SC）
- 更新 API 文档和 README
v1.2.0 		2026-07-17 12:40:47 +08:00
hz4th_coder 02212e9ef7 chore: 修改默认端口为16016 v1.1.2 2026-07-17 12:15:50 +08:00
hz4th_coder df2981889e docs: 添加独立的 API 调用文档 v1.1.1 2026-07-16 12:36:07 +08:00
hz4th_coder d4ce91efd1 feat: 添加 API 接口支持服务端生成图表图片 
- 新增 Node.js + Express 后端服务 (server.js)
- POST /api/chart: JSON 请求体生成图表 PNG
- GET /api/chart: URL 参数生成图表 PNG
- 支持所有前端配置参数(图表类型/主题/标签/堆叠/分割等)
- 使用 @napi-rs/canvas + echarts 服务端渲染
- 自定义分辨率和像素倍率
- 添加 /api/health 和 /api/docs 接口
- 更新 README 文档，添加 API 使用说明
v1.1.0 		2026-07-16 11:33:39 +08:00
hz4th_coder ad3e74e391 docs: 添加项目说明文档 v1.0.1 2026-06-13 21:56:16 +08:00
hz4th_coder 121521456d feat: 初始化数据可视化图表生成器 
功能特性：
- 支持柱状图、折线图、混合图
- 支持多系列数据对比
- 支持拖拽调整系列顺序和自定义颜色
- 支持区域分割（左右对比）
- 5种主题风格可选
- 支持导出PNG/SVG
- 响应式布局，适配移动端
v1.0.0 		2026-06-13 14:04:01 +08:00