柱状图/横向柱状图

柱状图的基础设置

柱状图的基础设置请参照「图表的基础设置」。

柱状图的数据设置

有关使用API拉取方式绑定数据请参照「柱状图的API格式」。

有关「过滤条件豁免」、「数据自动补全」和「绑定所有行转列」等通用数据设置请参照「图表的数据设置」。

下面介绍使用SQL方式绑定数据时的配置:

图片

绑定X轴字段

要绑定的X轴字段可以通过下拉选单从在「SQL模型」中配置过的字段中进行选择。并可以选择X轴的排列顺序。

绑定Y轴字段

可以给柱状图增加多个数据项,每个数据项绑定一个「SQL模型」中的字段作为展示用的数据,可以通过拖拽排序来调整数据项的顺序。

图片

双Y轴功能

Sugar中柱状图可以实现双Y轴,需要使用「折柱混搭图」在控制面板中开启「双Y轴」和「折柱混搭」后,将Y轴数据项选为「柱状」并选择属于哪一侧的Y轴:

图片

效果如下:

图片

柱状图的高级设置

柱状图的高级设置中包括了丰富的图表展示设置,用户可以根据需要开启相应的功能。

图片

这里对其中的几个功能作说明:

设置为堆积图

堆积图将把每一行的数据叠为一个柱条:

图片

当这个选项开启后,如果某一条折线的数据全部为Null或为0,那么这条线将不会出现在图表中。

X/Y轴翻转

X/Y轴翻转是柱状图和横向柱状图的切换开关:

图片

开启X轴缩放

图片

有时数据行数过多,用户希望可以在看到完整数据变化的同时也看到局部细节。那么可以在X轴特殊设置中打开「X轴缩放」:

图片

拖动两个蓝色标记可以看到数据的不同部分。

默认展示柱条条数

如果数据列数过多,用户可以开启默认展示的柱条数,Sugar会根据「绑定Y轴字段」时的顺序自动隐藏后面的数据项。用户可以通过点击图例开启被隐藏的数据:

图片

正负柱图

只要数据中有负数,然后开启「X/Y轴翻转」和「设置为堆积图」,就能得到正负柱图效果:

图片

双向对比柱图

如果数据有两个系列,都是正数,但是又想要达到类似上面的「正负柱图」双向对比的效果,我们就可以开启「设置为双向对比柱图」和「X/Y轴翻转」,达到如下效果(效果和上面的「正负柱图」,但是左右两个方面都是正数):

图片

本页内容