通过客户端宏，使堆积图显示合计，如下图所示：
2.操作步骤
- 步骤一：新建一个空白的自助仪表盘
- 步骤二：拖入图形 ，选择数据集或业务主题
效果如下：
- 步骤三：选中图形，右键进入宏管理页
- 步骤四：在界面新建客户端宏，弹出的新建模块对话框中输入名称，勾选对象为组件、事件为onBeforeRender
- 步骤五：编写宏代码实现效果
- 把下面宏代码复制到代码区域；
| 代码块 | ||||
|---|---|---|---|---|
| ||||
function main(page: IPage, portlet: IEChartsPortlet) {
let options = portlet.getChartOptions() //获取图形对象
console.log('options: ', options)
let series = options.series
// let length = series[0].data.length
let data0 = series[0].data
let data1 = series[1].data
let totals:string[] = []
for (let i in data0) {
let value0 = data0[i].value[1]
let value1 = data1[i].value[1]
let total = (value0 + value1).toFixed(2)
totals.push(total)
}
series[1].label = {
normal: {
position: 'top',
show: true,
formatter: function(a: any) {
return totals[a.dataIndex];
}
},
emphasis: {
position: 'top',
show: true,
formatter: function(a: any) {
return totals[a.dataIndex];
}
}
}
portlet.setChartOptions(options)
} |
- 步骤六：点击 保存，查看效果，需重新打开报表，可看到效果已实现
3. 下载资源
代码资源：migrate.xml
