树结构展开折叠时显示有问题ECharts Gallery

20:11:45图表已生成
代码
var data = {
    "id": 124135,
    "nodeName": "一级部门名称",
    "nodeLeader": "一级负责人",
    "hasChild": "有",
    "staffNum": 55,
    "children": [{
            "id": 1245,
            "nodeName": "二级部门名称",
            "nodeLeader": "二级负责人",
            "hasChild": "有",
            "staffNum": 55,
            "children": [{
                    "id": 1245,
                    "nodeName": "三级部门名称",
                    "nodeLeader": "三级负责人",
                    "hasChild": "有",
                    "staffNum": 55,
                    "children": [{
                            "id": 1245,
                            "nodeName": "四级部门名称",
                            "nodeLeader": "四级负责人",
                            "hasChild": "有",
                            "staffNum": 55
                        },
                        {
                            "id": 12415,
                            "nodeName": "四级部门名称",
                            "nodeLeader": "四级负责人",
                            "hasChild": "有",
                            "staffNum": 55
                        }
                    ]
                },
                {
                    "id": 12415,
                    "nodeName": "三级部门名称",
                    "nodeLeader": "三级负责人",
                    "hasChild": "有",
                    "staffNum": 55
                }
            ]
        },
        {
            "id": 12415,
            "nodeName": "二级部门名称",
            "nodeLeader": "二级负责人",
            "hasChild": "有",
            "staffNum": 55
        }
    ]
}
option = {
    title: {
        text: '客服人员组织结构管理',
        subtext: '温馨提示: 右键单击节点可进行编辑/添加子结构/删除操作',
        subtextStyle: {
            color: 'red'
        }
    },
    tooltip: {
        show: false
    },
    animation: true,
    series: [{
        type: 'tree',
        expandAndCollapse: true,
        data: [data],
        symbol: 'rect',
        symbolSize: [150, 60],
        itemStyle: {
            borderWidth: 1,
            borderColor: '#ccc'
        },
        label: {
            normal: {
                formatter: function(params) {
                    let data = params.data
                    return [
                        '{nodeName|' + data.nodeName + '}',
                        '{nodeLeader|负责人：' + data.nodeLeader + '}',
                        '{staffNum|' + data.staffNum + '人}'
                    ].join('\n')
                },
                rich: {
                    nodeName: {
                        fontSize: 14,
                        fontWeight: 'bold',
                        color: '#000'
                    },
                    nodeLeader: {
                        fontSize: 12,
                        color: '#6e7074'
                    },
                    staffNum: {
                        fontSize: 12,
                        color: '#6e7074'
                    }
                },
                position: 'insideLeft',
                verticalAlign: 'middle',
                align: 'left',
                fontSize: 12,
                lineHeight: 20,
                color: '#6e7074'
            }
        }
    }]
}
作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品
