示例说明
对自助仪表盘中的柱形图Y轴内容名称进行截取,让其只显示6位字符,如下图所示:

设置方法
在“分析展现”节点下,新建自助仪表盘,拖入图形组件,在业务主题-产品主题下选择相应字段。

选中图形,右键选择 宏管理 进入自助仪表盘宏界面。

在自助仪表盘宏界面选择新建客户端宏。在弹出的新建模块对话框中输入名称,勾选对象为组件、事件为onBeforeRender。


把下面宏代码复制到代码区域;

保存后回到自助仪表盘界面,刷新即可查看效果

宏代码
var options = portlet.getChartOptions()
var yAxis = options.yAxis;
yAxis.axisLabel={
formatter: function(params: any){
var newParamsName = "";
var paramsNameNumber = params.length;
var provideNumber = 6; //截取长度,该长度为文字个数
if (paramsNameNumber > provideNumber) {
newParamsName = params.substring(0, provideNumber)+"...";
} else {
newParamsName = params;
}
return newParamsName;
}
}
portlet.setChartOptions(options)
关键对象总结
获取Echart配置项:getChartOptions()
设置Echart配置项:setChartOptions( )
资源下载
代码资源: