页面树结构

版本比较

标识

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

说明:此示例宏仅供参考,若实际场景与此示例不符合,须自行调整宏代码。

适用smartbi版本:v7

需求:仪表分析图形在没有数据的时候,会显示No data,如果想要修改显示的文字或者是修改文字样式,可以参考以下宏示例。

适用smartbi版本:v7

说明:此示例宏仅供参考,若实际场景与此示例不符合,须自行调整宏代码。

1、原始效果:

Image Removed

2、最终效果:

Image Removed

宏对象及事件:

Image Added

最终效果:

Image Added

 

宏类型

 

类型

对象

事件

ClientSide

chart

afterRenderer


宏代码:

代码块

function main(chartView) {
    //方式一
    var chartRenderTo = document.getElementById("chartRenderTo");
    if (chartRenderTo && chartRenderTo.noDataDiv) {
        chartRenderTo.noDataDiv.innerHTML = "畅哥最帅";//修改显示内容
        chartRenderTo.noDataDiv.style.color = '#FF4040';//修改字体颜色
        chartRenderTo.noDataDiv.style.fontSize = '16px';//修改字体大小
    }
    
    // 方式二
    /*
    var chartPane = chartView.getContext().chartPane;
    if (chartPane) {
    	var chartRenderTo = $(chartPane).find("#chartRenderTo").get(0);
    	if (chartRenderTo && chartRenderTo.noDataDiv) {
    		chartRenderTo.noDataDiv.innerHTML = "畅哥最帅";
    	}
    }
    */
}

...