历史版本20 :图表交互属性 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

为了更直观地查看图表数据,图表交互属性提供了图表增加可全屏、缩放、监控刷新,动画,导出等功能,图表交互属性效果图如下所示:(设置效果依次为监控刷新,全屏,取消全屏,排序,导出,超链)

交互属性效果图.GIF

1.2 实现思路

1)新建普通报表,选中A1,合并单元格,插入图表,进行图表的特效设置,如下图所示:

image.png

1.3 特效功能介绍

1)工具栏 (内容:排序,导出,全屏显示  布局:是否在图表菜单内)

2)动画 (动画特效开启和关闭) 默认开启

image.png

3)坐标轴 (是否翻转)类似图表行列转置功能, 默认

image.png

4)图表缩放  (是否开启缩放及缩放方向)默认关闭

新图表缩放功能支持控件缩放和手势缩放两种形态,默认支持手势缩放。

这里以柱形图为例,详细制作方法和效果请参考 柱形图-图表缩放

image.png

5)监控刷新 (是否开启刷新及间隔时间设置)

image.png

6)超级链接 (设置超级链接) 

image.png

7、钻取功能 为图表-地图特有

钻取目录中可以设置目录的字符样式:包括字体、字号、颜色、倾斜、加粗。

目录背景、选中色:设置颜色、透明度。

添加链接功能:在目录上添加超级链接,与超级链接功能使用方式一致。

222

注1:H5 目前不支持工具栏、移动端原生目前只支持排序功能。

注2:只有气泡图、散点图、折线图、形图、柱形图、组合图、面积图支持坐标轴翻转功能。

注3:只有气泡图、散点图、折线图条形图、柱形图、组合图、面积图、地图、热力地图、钻取地图、框架图、词云图支持

图表缩放功能。

注4:当图表数据来源于单元格数据时,图表不支持自动刷新。折线图、面积图、散点图、气泡图、点地图、开启大数据模式时,自动数据提示属性设置灰化。

注5:决策报表中的超链与cpt模板中的超链选项稍有不同,'决策报表多了 当前表单对象'。

2. 示例编辑

2.1 插入图表

新建普通报表,合并A1单元格,选择插入>单元格元素>插入图表>柱形图,如下图所示:

222

2.2 添加数据集并绑定

1)创建数据源,选择内置数据集,设置内置数据集(app,per),插入行,并填充对应数据,如下图所示:

image.png

2) 选择创建的内置数据集,绑定柱形图的数据,如下图所示:

image.png

2.3 特效设置

1) 工具栏 内容设置为全选(排序,导出,全屏) 布局:设置为收缩于抽屉 

2)动画 设置特效为开启

3)坐标轴 设置为关闭 

4)图表缩放 设置为关闭

5)监控刷新 监控刷新开启,设置刷新时间为一秒

图片设置效果如下所示:

image.png

6)超级链接 点击添加链接,选择网页链接,在网页链接里输入 https://www.baidu.com。

image.png

注1: 网页链接里如果不写 http:// 则会跳到报表view目录下

2.4 效果预览

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


3. 模板下载编辑

点击下载模板:图表交互属性.cpt