自助仪表盘的线图中,其中连接点是静置的,如果我们想根据数值来设置连接点的闪烁效果,则可以通过自助仪表盘宏来实现。
1. 示例效果
下图显示了数量大于7000的连接点显示闪烁效果。

2.操作步骤

- 步骤二:拖入图形组件,选择线图,选择数据集或业务主题

效果如下:


- 步骤四:在界面新建客户端宏,弹出的新建模块对话框中输入名称,勾选对象为组件、事件为onBeforeRender


把下面宏代码复制到代码区域;
function main(page: IPage, portlet: IEChartsPortlet) {
let options = portlet.getChartOptions()
let datas = options.series[0].data
let serie: any = {
type: 'effectScatter',
rippleEffect: {
scale: 4,
brushType:'stroke'
},
data: []
}
for (var i in datas) {
let item = datas[i]
let value = parseInt(item.value[1])
if (value > 7000) {
serie.data.push(item)
}
}
options.series.push(serie)
portlet.setChartOptions(options)
}
- 步骤六:点击 保存,查看效果,需重新打开报表,可看到效果已实现
3.资源下载
代码资源:migrate.xml