反馈已提交

网络繁忙

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

轮播目录齿轮

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

    1.1 版本

    报表服务器版本扩展图表插件版本功能变动
    10.0V4.4图表「样式>图形」新增主题和节点相关的文字设置项

    1.2 应用场景

    轮播目录齿轮同时拥有齿轮和目录效果,通过轮播的方式展示重要的指标数据,一般用于大屏场景展示。效果如下图所示:

    CBAC6AEE-8246-4879-A34A-CDE9E198331A.GIF

    1.3 功能介绍

    • 支持数据动态轮播,支持图表定时刷新。

    • 支持调整图形和背景的样式。

    • 支持自定义轮播间隔和图表轮播联动。

    • 不支持移动端。

    2. 示例

    2.1 数据准备

    点击设计器左上角「文件>新建普通报表」,在设计器左下方新建一个 内置数据集 ,重命名为「公司年销售额」。如下图所示:

    Snag_7155f5ab.png


    2.2 插入图表

    合并一片单元格区域,插入图表选择「扩展图表-其余 > 轮播目录齿轮」。如下图所示:

    2022-07-07_11-07-05.png

    2.3 图表数据

    选中图表,点击「单元格元素>数据」,绑定图表数据如下图所示:

    Snag_715c7175.png

    主题名称是图表中间部分显示的文本提示,如下图所示:

    Snag_715d72e7.png

    2.4 图表样式

    2.4.1 图表图形

    图表属性面板选择「样式>图形」,设置项如下:

    • 主题色:此处可选择时间齿轮图的主题颜色

    • 主题文字:可设置齿轮中间主题名称的字体、字号、颜色等等。

    • 节点文字:设置齿轮四周节点的文字大小和颜色,文字大小可调整范围在 0.1~10 之间。

    • 排序数字:开启时,图表主题名称跟随轮播变换,显示 01、02、03 这样的排序序号,节点文字也会带有序号,顺序由数据集中的数据顺序决定。

    Snag_a16ba58.png

    开启排序效果如下图所示:

    Snag_7162f34a.png

    关闭排序效果如下图所示:

    Snag_715d72e7.png

    2.4.2 图表背景

    图表属性面板选择「样式>背景」,设置项如下:

    • 填充:此处可选择设置图表的填充背景,可选择没有背景、颜色、图片、渐变色四种类型

    • 不透明度:此处可控制图表背景的不透明度

    Snag_7164adfa.png

    2.5 图表特效

    图表属性面板选择「特效」,设置项如下:

    • 刷新:开启定时刷新,可设置每隔多少秒图表重新加载数据。

    • 轮播间隔:设置图表的播放间隔,默认为 3s 。

    • 轮播联动:可设置轮播时联动其他图表。详情可参考文档 扩展图表轮播联动 。

    Snag_7166ba36.png

    设置轮播联动时,参数值可选「节点名称」和「节点内容」,节点名称即 NODE_NAME ,节点内容即 NODE_VALUE 。如下图所示:

    Snag_716c151f.png

    2.6 效果预览

    保存模板,点击 分页预览 ,效果如 1.2 应用场景中所示。

    注:不支持移动端。

    3. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\chart\extend\轮播目录齿轮.cpt

    点击下载模板:轮播目录齿轮.cpt

    附件列表


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

    售前咨询电话

    400-811-8890转1

    在线技术支持

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

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

    总裁办24H投诉

    热线电话:173-1278-1526