数据可视化

WesCraft 内置了丰富的数据可视化能力,帮助你将数据表、统计信息和分析结果转化为直观的图表和仪表盘。

图表类型

基础图表

图表类型适用场景数据要求
柱状图分类对比至少一个分类维度和一个数值
折线图趋势变化时间序列 + 数值
饼图占比分布分类 + 数值
条形图横向对比分类 + 数值
散点图相关性分析两个数值维度
面积图累计趋势时间序列 + 数值

高级图表

图表类型适用场景
堆叠柱状图多维度分类对比
组合图两种不同量级数据的对比(左右 Y 轴)
热力图二维数据密度展示
雷达图多维度综合评估
瀑布图增减变化分析
甘特图时间线和进度展示
漏斗图转化率分析
树状图层级结构展示

创建图表

从数据表创建

  1. 打开目标数据表
  2. 点击工具栏中的 📊 图表 按钮
  3. 选择图表类型
  4. 配置数据映射:
    • X 轴 / 分类维度
    • Y 轴 / 数值维度
    • 分组(可选)
  5. 调整样式和标签
  6. 点击 插入 将图表嵌入页面

从页面中创建

在页面编辑时,输入 /chart 或 /图表 快速插入图表区块:

  1. 选择图表类型
  2. 选择数据来源(数据表或手动输入)
  3. 配置图表参数
  4. 完成创建

AI 辅助创建

用自然语言描述你想要的图表:

"用柱状图展示各部门本月的销售额"
"画一个折线图,对比过去 12 个月的用户增长趋势"
"把任务状态做成饼图"

AI 会自动选择合适的图表类型和数据映射。

数据源接入

内置数据源

手动数据输入

对于少量数据,可以直接在图表编辑器中手动输入:

月份, 销售额, 利润
一月, 100, 30
二月, 120, 35
三月, 150, 45
四月, 130, 40

CSV / Excel 导入

  1. 点击图表编辑器中的 导入数据
  2. 选择 CSV 或 Excel 文件
  3. 预览数据并确认列映射
  4. 导入并生成图表

数据刷新

交互式图表

WesCraft 的图表支持丰富的交互操作。

基本交互

数据筛选

在图表上方添加筛选器:

下钻分析

点击图表中的数据点,可以下钻查看更详细的数据:

年度销售额 → 点击某月 → 该月每周销售额 → 点击某周 → 该周每日销售额

数据标注

在图表上添加标注:

仪表盘

仪表盘将多个图表和指标组合在一个页面中,提供全局视图。

创建仪表盘

  1. 新建页面,选择 仪表盘模式
  2. 拖拽添加图表、数字卡片、列表等组件
  3. 调整布局(支持自由拖拽和网格对齐)
  4. 保存

仪表盘组件

组件说明用途
图表卡片嵌入任意图表数据趋势和对比
数字卡片显示单个关键指标KPI 展示
进度条展示完成度目标进度跟踪
列表组件显示数据表前 N 行Top 排行、待办列表
文本组件标题、说明文字分区和标注
时间筛选器全局时间范围选择联动所有图表

仪表盘模板

WesCraft 提供预配置的仪表盘模板:

自动刷新

仪表盘支持设置自动刷新间隔:

适合投屏展示使用。

导出图片

导出格式

格式特点适用场景
PNG通用图片格式日常使用、邮件附件
SVG矢量图格式高清打印、设计稿
PDF文档格式正式报告

导出操作

  1. 点击图表右上角的 ⋯ 菜单
  2. 选择 导出图表
  3. 选择导出格式
  4. 设置图片尺寸(像素或倍率)
  5. 点击 导出

批量导出

仪表盘可以一键导出所有图表:

  1. 在仪表盘页面点击 导出 按钮
  2. 选择 导出所有图表 或 导出为 PDF 报告
  3. 设置参数后导出

嵌入分享

生成图表的嵌入链接,可以在其他平台中嵌入:

  1. 点击图表 ⋯ → 分享 → 嵌入链接
  2. 复制 iframe 代码
  3. 粘贴到目标页面

⚠️ 嵌入链接为公开访问,请注意数据安全

图表样式

主题

WesCraft 提供多套图表主题:

自定义样式

注意事项

常见问题

Q: 数据表更新后图表没有跟着变?

关联数据表的图表会自动更新。如果没有,检查图表是否关联了正确的数据表,或尝试手动刷新。

Q: 图表在仪表盘中显示不全?

拖拽调整组件大小。对于数据点较多的图表,可以开启滚动条或使用缩放功能。

Q: 如何对比两组不同量级的数据?

使用组合图(双 Y 轴),将两组数据分别映射到左右 Y 轴。