跳到主要内容

「图表」小程序

「图表」小程序(下文简称「图表」)可以将表格内的数据可视化为柱状图、条形图、折线图、散点图、饼状图等多种展示形式。你可以通过「图表」直观地了解数据的概览情况,方便你做决策分析和会议汇报。

cover

官方小程序 开源

添加小程序

方式一
打开一张维格表,点击右侧的「小程序」按钮展开「小程序面板」,然后点击「添加小程序」按钮。

图表概览-添加入口

在出现的「小程序中心」添加「图表」。

图表概览-小程序中心

方式二
在「仪表盘」内点击「添加小程序」按钮来添加「图表」,可以选择「导入」或者「添加」小程序:
1.「导入」是将维格表中已经生成的「图表」复制一份到仪表盘;
2.「添加」是在「仪表盘」创建新的「图表」。

图表概览-仪表盘添加组件

小程序类型

图形种类图形说明
基础柱状图以长方形的长度为变量的来展示不同分类下的数值对比。一般横轴为维度,纵轴为数值。
堆叠柱状图是 “基础柱状图” 的扩展形式,将每根柱子分割成不同颜色的小柱形,并以堆叠的形式显示大分类下的细分类目占比情况。
百分比堆叠柱状图是 “基础柱状图” 的扩展形式,将每根柱子分割成不同颜色的小柱形,并以百分比的形式显示大分类下的细分类目占比情况。
基础条形图与柱状图类似,不同之处在于它的横轴为数值,纵轴为维度。
堆叠条形图是 “基础条形图” 的扩展形式,将每根柱子分割成不同颜色的小柱形,并以堆叠的形式显示大分类下的细分类目占比情况。
百分比堆叠条形图是 “基础条形图” 的扩展形式,将每根柱子分割成不同颜色的小柱形,并以百分比的形式显示大分类下的细分类目占比情况。
饼状图通过扇形区块的颜色和面积来展现数据的分类和占比情况。
环状图与饼状图类似,但是圆心空白区域可以显示所有维度的汇总数值。
基础折线图用直线将数据点连接起来的图形,适用于显示某段时间内数据的连续变化趋势。
堆叠折线图是 “基础折线图” 的扩展形式,将一条折线分割成不同颜色的小折线,并以堆叠的形式显示大分类下的细分类目占比情况。
散点图将数据以点的形式分布在直角坐标系中,用以寻找两个变量(X和Y轴)之间的关系。适合用于大量数据的比较。

各个图形的适用场景请查看《图表小程序图形详解》

配置小程序

以柱状图为例:
我们在「小程序面板」内新建一个「图表」后,系统会默认配置并渲染一个基础柱状图。如果需要自定义图表,打开「图表配置」菜单选择合适的配置项进行调整。

图表概览-快速配置1

「图表配置」菜单分为「功能配置」和「更多配置」两个板块。「功能配置」决定了一个「图表」的结构,而「更多配置」决定了一个图形的样式,所以如果想快速渲染一个图形,只需调整「功能配置」就可以啦。

图表概览-快速配置2

选择视图

你可以在「从下方视图读取数据」一栏的下拉菜单选择维格表内已有的视图。图形上渲染的数据受所选视图的筛选项影响。如果对应视图筛选过滤了一些数据,那么在图形上也不会渲染出来。

图表概览-设置视图

设置筛选

基于你上一步选择的视图数据,你还可以添加筛选条件对数据进行二次筛选。比如,筛选“时间”等于“本月”,则图形只显示本月的数据。

图表概览-设置筛选

图表类型

你可以在「选择图表类型」的菜单内切换图形形状。可选的图形包括基础柱状图、堆叠柱状图、百分比堆叠柱状图、基础条形图、堆叠条形图、百分比堆叠条形图、饼状图、环状图、基础折线图、堆叠折线图、散点图等。选择合适的图形,方便你更合理的描绘数据。

图表概览-设置图表类型

统计维度

即指定分析数据的角度,对为应柱状图形的 X 轴。你可以在下拉菜单切换表格内已有的字段作为 X 轴。

图表概览-设置维度

统计数值

即对维度的量化,可以统计不同维度的汇总结果,对应为柱状图形的 Y 轴。 数值有两种统计方式:

方式一
统计记录总数:即统计对应维度每个分类下有多少条数据。

方式二
统计指定字段:当你将统计方式切换到“统计指定字段”时,就可以统计某一列字段的汇总结果,并且还可以设置统计规则:求和、最大值、最小值、平均值;

图形概览-设置数值

完成以上四个内容的配置,就可以快速渲染一个有实际意义的柱状图了。

想要了解「图表」的所有配置项,请查看《图表配置项详解》

查看小程序数据

站内成员必须具有「图表」绑定的关联表(数据源)的查看权限才能查看小程序内的图形。

比如仪表盘内的「图表」《商品销售数量》绑定了数据源《门店销售日报》,但是某个成员只有仪表盘的阅读权限而没有关联表(数据源)的阅读权限,那么他在仪表盘的对应「图表」上无法查看图形数据,系统会显示无权限访问的提示。

图形概览-无权访问

了解更多

《图表小程序图形详解》 《图表配置项详解》