这是本文档旧的修订版！

---

5.19DataViz的灵魂功能

1. 列表编辑字段拼接html标签

列表的单元格是可以渲染html标签的，比如img标签，单元格中就会展示图片；video标签，单元格中就会展示视频。以下两个超链接是示例用法：
使用列表制作指示同环比正负的上下箭头
列表实现数据颜色判断
编辑字段中可以写复杂的逻辑，当然也可使用SQL数据集，提前写好相关的逻辑。
1. 曾使用此方式解决弹出页图片内容的筛选，使用group_concat()函数还可以横向拼接图片
2. 解决弹出页播放的视频内容

2. 网页控件

网页控件本身是一个iframe，用法灵活能解决很多问题。列举如下
1. 网页控件实现过滤条件筛选图册
基础条件
外部页面如何实现与图册内图表的联动交互
代码示例
图册内资源传参过滤
2. 网页控件实现导航菜单
3. 嵌入外部的时间、天气等控件
4. 嵌入用户自己实现的页面

3. 图表左键自定义函数

用户可以编写回调函数，使用js定义交互动作，这很自由。
1. 控制tab所绑定自由块的显隐
2. 根据参数实现动态的跳转动作
dataviz可以配置的跳转目标是固定的，在这里可以根据参数（维度值）判断实现多个目标页面的跳转
3. 弹出自定义样式的提示框样式
4. 实现特殊的联动逻辑
5. 与某个rest接口做数据交互
...

4. 详细属性

详细属性是对echarts组件非常友好的一个功能，可充分挖掘echarts的潜力。
1. 根据Echarts官方说明，添加或者修改属性。
2. 使用回调函数解决样式问题。
饼图、柱图标签按长度折行

5. tab绑定自由块

此功能目的是解决tab绑多个图表的问题。因为绑定的是自由块，带来了额外的用法。
1. 替换切换的按钮
tab控件按钮样式单一，只有选中与未选中两种样式。现在可以指定任意的图片/富文本/图标作为按钮，按钮的样式/位置/布局不再有限制。
2. 使用图表切换自由块显隐
如前述“3. 图表左键自定义函数”，可以使用图表控制tab所绑定自由块的显隐，并且可以与联动同时生效。
3. 实现局部内容的轮播，比如自定义的高亮标题与下方图表的同步轮播变换。

6. url传参过滤

url传参过滤是与第三方系统集成页面的一个核心功能，也是扩展过滤控件样式及交互模式的有效方法。
1. 第三方系统可以使用iframe嵌套dataviz图册，通过编码动态拼接iframe的url实现更新过滤条件的目的，详见地址传参过滤, sql参数的url传参。

7. 富文本

富文本的多种用途
1. 合并多个kpi，减少kpi的前端请求个数，快捷编辑多个kpi的排版布局。
2. 用文字（用一堆空格做个悬浮层）配置超链接跳转，支持相对路径，支持当前页刷新、新打开页面或者弹出页面。
3. 可嵌入图片，比如button图标，实现按键的跳转。

缺点：对自适应不友好，嵌入的图片在导出项目后丢失。