this.form.get().node

qhdfzc

学习固定资产的门户功能。


复制这个DIV 到报表tab页签


在EchartsJS 内拷贝 this.define("load_zclb",function(zc_value,zc_name)


生成


this.define("load_zclx",function(zc_value,zc_name){
    o2.load(echartUrl,function(){
        debugger
        var zclb_div = echarts.init(this.form.get("zclx").node);
        options = {
            title: {
                text: '资产报表统计3',
                left:"center"
            },
            tooltip: {
                trigger: 'item',
                formatter: '{a} <br/>{b}: {c} ({d}%)'
            },
            //color:['#8173FF','#4A90E2','#FF9C66','#FF6666','#818299'],
            legend: {
                bottom: 10,
                icon: "circle",
                data: zc_name
            },
            series: [
                {
                    name: '资产信息',
                    type: 'pie',
                    radius: ['36%', '78%'],
                    avoidLabelOverlap: false,
                    label: {
                        show: false,
                        position: 'center'
                    },
                    emphasis: {
                        label: {
                            show: true,
                            fontSize: '30',
                            fontWeight: 'bold'
                        },
                        itemStyle: {
                            shadowBlur: 10,
                            shadowOffsetX: 0,
                            shadowColor: 'rgba(0, 0, 0, 0.5)'
                        }
                    },
                    labelLine: {
                        show: false
                    },
                    data: zc_value
                }
            ]
        };
        zclb_div.setOption(options);
    }.bind(this));
});

//
this.define("load_zclb",function(zc_value,zc_name){
    o2.load(echartUrl,function(){
        
        var zclb_div = echarts.init(this.form.get("zclb").node);
        
        options = {
            title: {
                text: '资产报表统计',
                left:"center"
            },
            tooltip: {
                trigger: 'item',
                formatter: '{a} <br/>{b}: {c} ({d}%)'
            },
            //color:['#8173FF','#4A90E2','#FF9C66','#FF6666','#818299'],
            legend: {
                bottom: 10,
                icon: "circle",
                data: zc_name
            },
            series: [
                {
                    name: '资产信息',
                    type: 'pie',
                    radius: ['46%', '70%'],
                    avoidLabelOverlap: false,
                    label: {
                        show: false,
                        position: 'center'
                    },
                    emphasis: {
                        label: {
                            show: true,
                            fontSize: '30',
                            fontWeight: 'bold'
                        },
                        itemStyle: {
                            shadowBlur: 10,
                            shadowOffsetX: 0,
                            shadowColor: 'rgba(0, 0, 0, 0.5)'
                        }
                    },
                    labelLine: {
                        show: false
                    },
                    data: zc_value
                }
            ]
        };
        zclb_div.setOption(options);
    }.bind(this));
});



在首页内增加调用  this.load_zclx(zc_value,typeList);


//-------------加载资产库存饼状图------------------------
var h = o2.Actions.getHost( "x_portal_assemble_surface" );
var xssj = dict.get();
var typeList = [];
var zc_value = [];
var ind = 0;
var type_json = dict_type.get("资产类型");
for(var key in type_json){
    zc_value.push({name:key,value:xssj[key]});
    typeList.push(key);
    if(ind<5){
        var copy = this.form.get("div_sample").node.clone().inject(this.form.get("div_top").node);
        copy.id = key;
        //修改图标
        copy.getElements("img")[0].src = h+type_json[key];
        //修改资产名称
        var dom = copy.getElements("div");
        for (var i=0; i<dom.length; i++) {
            if("name"===dom.getAttribute("flag")){
                dom.innerHTML = key;
            }
            if("count"===dom.getAttribute("flag")){
                dom.innerHTML = xssj[key];
            }
            if("grow"===dom.getAttribute("flag")){
                dom.innerHTML = xssj[key+"-增长"];
            }
        }
        copy.show();
    }
    ind = ind+1;
}

this.load_zclb(zc_value,typeList);
debugger
this.load_zclx(zc_value,typeList);



希望能在固定资产的饼图增加一个同样的饼图。如下。但是提示错误。


报表页签内未显示 饼图。

论坛管理员

“ｚｃｌｘ”是一个ｄｉｖ的标识，您是否有这样的一个ｄｉｖ？

qhdfzc

论坛管理员 发表于 2023-7-25 12:33
“ｚｃｌｘ”是一个ｄｉｖ的标识，您是否有这样的一个ｄｉｖ？

有的。

论坛管理员

看您的报错是没有取到zclx这个div，您在这句话前，看看表单上其他字段能不能取到，确认一下this的上下文是否正确

qhdfzc

论坛管理员 发表于 2023-7-26 09:43
看您的报错是没有取到zclx这个div，您在这句话前，看看表单上其他字段能不能取到，确认一下this的上下文是 ...

其他都正常的。就这个不行。