页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

当图形需要根据数据,动态展示一些效果的时候,使用扩展属性也难以满足。Smartbi提供“图形宏”功能,以便用户能根据需求实现各种动态效果。基本上,使用Smartbi的图形宏功能,可以在Smartbi实现任何使用ECharts能够实现的图形。功能界面如下图所示。

2 图形宏事件

Smartbi图形宏目前开放了三个事件,图形加载前(beforeRender),图形加载完成后(afterRender),点击元素(pointClick)。事件触发流程如下图所示。Smartbi图形宏目前开放了三个事件,图形加载前(beforeRender),图形加载完成后(afterRender),点击元素(pointClick)。

  • beforeRenderer:图形渲染之前执行,主要用于修改图形样式(options,就是echarts接收的配置样式,要达到什么效果,修改什么配置需要参考echarts的配置http://echarts.baidu.com/option.html#title),宏代码执行完成后才刷新图形,所以一般要更改图形的xx展现样式首先想到的是这个宏事件
  • afterRenderer:图形渲染之后执行,主要用于对图形做一些后期处理,可以直接操作图形的dom对象,以及调用图形控件的API方法修正dom
  • pointClick::点击图形对象时触发,主要用于图形跳转处理,可以通过跳转规则向导设置

事件触发流程如下图所示:

3 图形宏对象及方法

如要在图形宏中灵活操作ECharts,则需要能在图形宏中获取到与ECharts相关的对象,并调用ECharts开放的API接口,使其实现所需的图形效果。下面是常用的ECharts相关的对象和方法:

...