1. 概述
1.1 应用场景
在预览模板时,可通过图表右上角工具栏对单个图表进行排序、导出和全屏操作。如下图所示:
1.2 功能简介
图表工具栏在图表属性面板中的「特效」tab 页中,可选择需要的工具,以及设置工具是展开还是「收缩于抽屉菜单内」。如下图所示:
注:App 端 和 HTML5 端只支持排序工具,其他暂不支持。
2. 图表排序规则
支持「排序」的图形只有 柱形图,条形图,折线图,面积图,饼图,多层饼图、仪表盘、雷达图。
注:2020-08-31 及之后的 JAR 包版本,多层饼图按照绝对值排序,其余图形根据实际值大小排序。
以柱形图为例:
1)单个分类单个系列——按照实际值的大小进行排序
例如下图:分类为「销售员」,系列为「销量」,排序时按照销量大小升序或降序排列。
2)单个分类多个系列——按照分类下系列总和的大小进行排序
例如下图:分类为「产品」,系列为「销量」和「库存」,排序时按照「销量+库存」的总和大小升序或降序排列。
升序时则为: 牛奶 <= 橙子 < 草莓 < 苹果 < 巧克力 。
3)多分类——按照最底层分类的系列总和进行排序
例如下图:底层分类为「地区」,上层分类为「产品」,系列为「销量」和「库存」。
升序时则为: 华东 < 华北 ;华东分类下,牛奶 < 巧克力;华北分类下,橙子 < 草莓 < 苹果。
注:若不想使用工具栏中的排序按钮,还可以使用排序接口通过按钮点击事件或者初始化事件实现。详情请参见文档 图表排序接口 。
4)注意事项
柱形图和条形图,可以设置分类为「无」,系列使用字段值,实现图形效果。如下图所示:
但分类为无时,柱形图和条形图的排序不生效。
3. 图表导出说明
1)图表导出时,仅支持导出为 .png 格式的图片,导出时图片名称默认为 export.png 且不支持导出时修改,只能导出后自行修改图片名称。
2)图表导出是导出最初预览展示时的图表状态,如果进行了排序图例等交互操作,导出的图片还是最初始时的图表效果。
3)如果图表设置了闪烁动画,导出时会按照动画关闭进行导出。
4)若趋势线指数和多项式拟合设置虚线,为避免虚线复杂拟合导致 mac 系统下宕机,这两种情况下的趋势线导出时会处理为实线。
5)2021-01-25 及之后的 JAR 包版本,新增单个图表导出数据量限制:
在数据决策系统中,点击「管理系统>智能运维>负载管理>模板限制>通用限制」 中,支持用户自定义单图表导出最大数据条数。功能默认开启,最大条数为 20000 条。
注:数据条数不是指数据集的条数,而是前端绘制的图形个数,例如柱形图有 3 个分类,每个分类有 2 个系列,则代表导出 6 条数据。
若不开启「单个图表导出数据量限制」,则按照图表实际数据条数导出图片。
若开启了「单个图表导出数据量限制」,图表数据未超出设定参数,则按照图表实际数据条数导出图片。
若开启了「单个图表导出数据量限制」,图表数据超出了设定参数,则按照设定参数数据条数导出图片。
该设置项仅支持「通用限制」,不支持部分模板单独限制。即切换至部分模板单独限制不显示该配置项。
若用户自定义了最大数据条数或关闭了单个图表导出数据限制,导出时出现异常,将导出空白图片,图片上提示「图表导出数据量过大,导出失败,请减少导出数据量」。如下图所示:
4. 图表全屏说明
点击图表全屏展示按钮后,图表会放大显示。但当决策报表的 body 设置了深色背景,图表全屏展示时,图表背景显示为白色。如下图所示:
这是因为图表背景色来源于图表区设置的背景色,不会跟随 body 改变,由于图表区默认背景色是白色,所以放大后会是白色背景。
想要实现放大后图表背景色保持跟 body 一致,且不会影响到直接预览的效果,可以将图表区背景色设置成 body 背景相同的颜色,并将不透明度调成 0,如下图所示:
最终效果如下图所示: