这是本文档旧的修订版！

---

5.19dataviz的灵魂用法，o(^▽^)o

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

列表的单元格是可以渲染html标签的，比如img标签，单元格中就会展示图片。以下两个超链接是示例用法：
使用列表制作指示同环比正负的上下箭头
列表实现数据颜色判断
编辑字段中可以写复杂的逻辑，当然也可使用SQL数据集，提前写好相关的逻辑。

2. 网页控件

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

3. 图表左键自定义函数

用户可以编写回调函数，使用js实现交互动作。
1. 控制tab所绑定自由块的显隐
2. 根据参数实现动态的跳转动作
dataviz可以配置的跳转目标是固定的，在这里可以实现多个目标页面的跳转。
3. 弹出自定义样式的提示框

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图标，实现按键的跳转。

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