​
快速上手

让我们通过两个简单的例子来学习如何使用图表插件。

​
示例1：创建一个简单的条形图

假设我们要展示各个产品的销售数量：
  1. 点击”前往配置”按钮，进入图表配置界面
  2. 在数据查询配置中：
    • 选择”产品销售表”作为数据来源
    • 在”选择”中添加”产品名称”和”销售数量”字段
    • 可以添加”排序”让数据按销售数量从高到低排列
  3. 在图表界面配置中：
    • 选择”柱状图”作为图表类型
    • 将”产品名称”设置为X轴
    • 将”销售数量”设置为Y轴
    • 打开”在图表上显示数值标签”，让数据更直观
完成后，你就能看到一个清晰的产品销售数量对比图了！

​
示例2：制作一个饼图展示占比

如果要展示各类产品的销售占比：
  1. 在数据查询配置中：
    • 选择相同的数据来源
    • 选择”产品类别”和”销售数量”字段
    • 使用”聚合”功能，对销售数量进行”求和”计算
  2. 在图表界面配置中：
    • 选择”饼图”作为图表类型
    • 将”产品类别”设置为分类字段
    • 将”销售数量”设置为数值字段
    • 打开”显示百分比”选项
这样就完成了一个展示各类产品销售占比的饼图！

​
进阶配置

掌握了基础用法后，让我们来看看更多强大的功能… 在仪表盘添加图标插件之后，我们要先配置好数据查询，然后再根据查询出的数据配置图表。

​
数据查询配置

图表插件的数据查询配置用于设置数据源和查询条件，包含以下主要功能：

​
来源

选择数据的来源表格。点击”添加”按钮可以添加新的数据源。

​
选择

从数据源中选择需要查询的字段。

​
连接

用于配置多个数据源之间的关联关系。点击”+“按钮可添加关联配置。

​
数据筛选

​
筛选条件

  • 点击”添加条件”：添加单个筛选条件
  • 点击”添加条件组”：添加一组筛选条件
  • 支持设置多个条件之间的逻辑关系（且/或）

​
排序

设置数据的排序规则，可添加多个排序字段。

​
分组

对数据进行分组统计，支持多级分组。

​
数据处理

​
查询数量

限制返回的数据条数。

​
跳过

设置跳过的数据条数，用于分页查询。

​
聚合

支持多种聚合计算方式：
  • 求和
  • 平均值
  • 最小值
  • 最大值
  • 计数
  • 未填写
  • 已填写
  • 唯一值
  • 未填写占比
  • 已填写占比
  • 唯一值占比

​
图表界面配置

配置图表的展示样式和视觉效果，包含以下设置项：

​
图表类型

支持多种图表类型：
  • 柱状图：适用于分类数据的比较
  • 折线图：展示数据随时间的变化趋势
  • 饼图：显示部分与整体的关系
  • 区域图：强调数据变化的累积效果
  • 表格：以表格形式展示详细数据

​
X轴和Y轴配置

  • X轴：选择要在X轴显示的字段
  • Y轴：选择要在Y轴显示的数据指标
  • 可添加多个系列进行对比分析

​
显示设置

​
线条样式（适用于折线图）

  • 普通：标准线条
  • 线性：平滑曲线
  • 阶梯：阶梯状线条

​
Y轴位置

  • 自动：系统自动判断
  • 左侧：Y轴显示在左侧
  • 右侧：Y轴显示在右侧

​
数据标签

  • 可设置图表标题
  • 支持在图表上显示数值标签
  • 可自定义数值标签的显示格式

​
范围设置

  • 最小值：设置Y轴的最小刻度
  • 最大值：设置Y轴的最大刻度

​
内边距

调整图表的内部边距：
  • 上边距
  • 右边距
  • 下边距
  • 左边距

​
辅助功能

  • 目标线：添加水平参考线，用于标注目标值
  • 数值标签：在图形上显示具体数值
  • 堆叠：启用数据系列的堆叠效果（适用于柱状图和区域图）

​
使用建议

  1. 先选择数据来源，再配置具体的查询条件
  2. 使用筛选条件缩小数据范围
  3. 合理使用聚合功能进行数据统计
  4. 通过排序和分组优化数据展示效果
  5. 根据数据特点选择合适的图表类型
  6. 合理设置坐标轴以突出数据重点
  7. 适当调整内边距确保图表美观
  8. 使用数据标签增强可读性
  9. 添加目标线辅助数据分析