图表

​

快速上手

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

​

示例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. 添加目标线辅助数据分析