折线/线柱混搭图

折线图的基础设置

折线图的基础设置请参照「图表的基础设置」。

折线图的数据设置

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

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

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

图片

绑定X轴字段

要绑定的X轴字段可以通过下拉选单从在「SQL模型」中配置过的字段中进行选择。并可以选择X轴的排列顺序。
一般来说X轴绑定的会是日期或时间类型的字段。

绑定Y轴字段

可以给折线图增加多条折线数据项,每个折线数据项绑定一个「SQL模型」中的字段作为展示用的数据,可以通过拖拽排序来调整数据项的顺序。如上图的绑定两个字段到Y轴,可展现下图的效果:

图片

绑定所有字段到Y轴

除了像上面手动逐个绑定字段到Y轴,如果Y轴折线条数很多,您也可以通过『绑定所有字段到Y轴』来一键绑定所有的字段到Y轴(当然,会排除掉您已经绑定到X轴的字段),注意如果您SQL查询出来的数据字段中还有额外的不需要展示的字段,我们也会自动绑定到Y轴,这可能会导致报错(如某个字段不是数字类型的)。 所以我们建议您SQL语句中只select需要使用的字段,其他不需要的字段不要select出来。例如,我们SQL建模如下:

图片

我们开启『绑定所有字段到Y轴』,就可以自动将SQL中查询的两个字段(除X轴绑定的_date字段外)绑定到Y轴,效果如下图:

图片

双Y轴功能

Sugar中折线图可以实现双Y轴,在控制面板中「开启双Y轴」后,绑定Y轴数据项的地方就可以选择每条线属于哪一侧的Y轴了。

图片

效果如下:

图片

线柱混搭功能

这是切换折线图和线柱混搭图的开关,开启后可以在绑定Y轴数据项的地方选择每条数据属于柱状图还是折线图了:

图片

效果如下:

图片

折线图的高级设置

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

图片

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

不展示数据全为空/为零的项

图片

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

开启X轴缩放

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

图片

效果如下:

图片

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

开启Y轴反向

用户有时希望Y轴的起始点位于图表的上方,Sugar可以满足,开启「Y轴数值反向」即可:

图片

效果如下:

图片

默认展示线条条数

图片

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

图片

本页内容