反馈已提交

网络繁忙

当前为10.0版本文档,只有最新版本的文档支持在线编辑修改,如果想创建/编辑文档,请移步至 最新版帮助文档

图表工具栏

  • 文档创建者:Alicehyy
  • 历史版本:3
  • 最近更新:Alicehyy 于 2022-07-19
  • 1. 概述

    1.1 应用场景

    在预览模板时,可通过图表右上角工具栏对单个图表进行排序、导出和全屏操作。如下图所示:

    C1AE4FBF-D12F-49CA-A0A4-E763EC25AEA1.GIF

    1.2 功能简介

    图表工具栏在图表属性面板中的「特效」tab 页中,可选择需要的工具,以及设置工具是展开还是「收缩于抽屉菜单内」。如下图所示:

    注:App 端 和 HTML5 端只支持排序工具,其他暂不支持。

    1591670842696595.png

    2. 图表排序规则

    支持「排序」的图形只有 柱形图,条形图,折线图,面积图,饼图,多层饼图、仪表盘、雷达图。

    注:2020-08-31 及之后的 JAR 包版本,多层饼图按照绝对值排序,其余图形根据实际值大小排序。

    以柱形图为例:

    1)单个分类单个系列——按照实际值的大小进行排序

    例如下图:分类为「销售员」,系列为「销量」,排序时按照销量大小升序或降序排列。

    Snag_10efab17.png

    2)单个分类多个系列——按照分类下系列总和的大小进行排序

    例如下图:分类为「产品」,系列为「销量」和「库存」,排序时按照「销量+库存」的总和大小升序或降序排列。

    升序时则为: 牛奶 <= 橙子 < 草莓 < 苹果 < 巧克力 。

    Snag_10ffe294.png

    3)多分类——按照最底层分类的系列总和进行排序

    例如下图:底层分类为「地区」,上层分类为「产品」,系列为「销量」和「库存」。

    升序时则为: 华东 < 华北 ;华东分类下,牛奶 < 巧克力;华北分类下,橙子 < 草莓 < 苹果。

    Snag_10ff900f.png

    注:若不想使用工具栏中的排序按钮,还可以使用排序接口通过按钮点击事件或者初始化事件实现。详情请参见文档 图表排序接口

    4)注意事项

    柱形图和条形图,可以设置分类为「无」,系列使用字段值,实现图形效果。如下图所示:

    但分类为无时,柱形图和条形图的排序不生效。

    Snag_13f1c303.png

    3. 图表导出说明

    1)图表导出时,仅支持导出为 .png 格式的图片,导出时图片名称默认为 export.png 且不支持导出时修改,只能导出后自行修改图片名称。

    2)图表导出是导出最初预览展示时的图表状态,如果进行了排序图例等交互操作,导出的图片还是最初始时的图表效果。

    3)如果图表设置了闪烁动画,导出时会按照动画关闭进行导出。

    4)若趋势线指数和多项式拟合设置虚线,为避免虚线复杂拟合导致 mac 系统下宕机,这两种情况下的趋势线导出时会处理为实线。

    5)2021-01-25 及之后的 JAR 包版本,新增单个图表导出数据量限制:

    • 在数据决策系统中,点击「管理系统>智能运维>负载管理>模板限制>通用限制」 中,支持用户自定义单图表导出最大数据条数。功能默认开启,最大条数为 20000 条。

    注:数据条数不是指数据集的条数,而是前端绘制的图形个数,例如柱形图有 3 个分类,每个分类有 2 个系列,则代表导出 6 条数据。

    • 若不开启「单个图表导出数据量限制」,则按照图表实际数据条数导出图片。

    • 若开启了「单个图表导出数据量限制」,图表数据未超出设定参数,则按照图表实际数据条数导出图片。

    • 若开启了「单个图表导出数据量限制」,图表数据超出了设定参数,则按照设定参数数据条数导出图片。

    • 该设置项仅支持「通用限制」,不支持部分模板单独限制。即切换至部分模板单独限制不显示该配置项。

    • 若用户自定义了最大数据条数或关闭了单个图表导出数据限制,导出时出现异常,将导出空白图片,图片上提示「图表导出数据量过大,导出失败,请减少导出数据量」。如下图所示:

    1649596295r4G0.png

    4. 图表全屏说明

    点击图表全屏展示按钮后,图表会放大显示。但当决策报表的 body 设置了深色背景,图表全屏展示时,图表背景显示为白色。如下图所示:

    1615800747569755.gif

    这是因为图表背景色来源于图表区设置的背景色,不会跟随 body 改变,由于图表区默认背景色是白色,所以放大后会是白色背景。

    想要实现放大后图表背景色保持跟 body 一致,且不会影响到直接预览的效果,可以将图表区背景色设置成 body 背景相同的颜色,并将不透明度调成 0,如下图所示:

    1615801226113782.png

    最终效果如下图所示:

    1615801240183962.gif

    附件列表


    主题: 图表应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526