2020-06-11








option = {

    backgroundColor: '#232528',






    textStyle: {
        color: '#000'
    },
    series: [{
        width: 960,
        type: 'graph',
        tooltip: {
            backgroundColor: 'skyblue',
            //formatter: "{b} 
{a} : {c} h " }, layout: 'none', symbol: 'diamond', symbolSize: 150, roam: true, itemStyle: { normal: { color: '#1b9acf' } }, label: { normal: { show: true, position: 'inside', //offset: [0,-60],//居上 20 textStyle: { fontSize: 12, color: '#fff', fontWeight: 'BOLD', }, /**/ formatter: function(para) { if (para.name.substring(0, 1) == '_') { return ''; } else { return para.name; } } /**/ } }, // edgeSymbolSize: [20, 20], edgeLabel: { show: true, normal: { textStyle: { fontSize: 12, color: '#43A1AC', }, } }, //注意,所有节点的位置都是根据自己设置的x, y坐标来设置的 data: [{ x: -400, y: 300, symbol: 'rect', name: '兄弟公司', symbolSize: [142, 218], itemStyle: { borderColor: '#43A1AC ', color: '#2D3034', borderWidth: 2, }, label: { padding: [-190, 0, 0, 0], color: '#43A1AC', align: 'right', }, value: [{ company: '中建五局(湖南)机械施工有限公司' }, { company: '中建五局(湖南)机械施工有限公司' }, { company: '中建五局(湖南)机械施工有限公司' }, { company: '中建五局(湖南)机械施工有限公司' }, { company: '中建五局(湖南)机械施工有限公司' }, ] }, { name: '_兄弟公司辅助线', x: -600, y: 300, symbolSize: [1, 1], }, { x: -400, y: -200, symbol: 'rect', name: '母公司的其他股东', symbolSize: [204, 60], itemStyle: { borderColor: '#A15D41', color: '#2D3034', borderWidth: 2, }, label: { padding: [-30, 0, 0, 0], color: '#A15D41', }, }, { x: -600, y: 2, symbol: 'rect', name: '实际控制方', symbolSize: [204, 60], itemStyle: { borderColor: '#A15D41', color: '#2D3034', borderWidth: 2, }, label: { padding: [-30, 0, 0, 0], color: '#A15D41' }, value: '控制' }, { x: -600, y: -200, symbolSize: [1, 1], name: '_实际控制方辅助线' }, { x: -200, y: 2, symbol: 'rect', name: '母公司', symbolSize: [204, 60], itemStyle: { borderColor: '#A15D41', color: '#2D3034', borderWidth: 2, }, label: { padding: [-30, 0, 0, 0], color: '#A15D41' } }, { x: -200, y: -200, name: '_母公司辅助线', symbolSize: [1, 1], }, { name: '中建一局集团建设发展有限公司', x: 120, y: 0, symbol: 'rect', symbolSize: [180, 30], itemStyle: { color: '#2B4A4D' }, }, { name: '_中建一局集团建设发展有限公司辅助线', x: -20, y: 0, symbolSize: [1, 1], }, { name: '子公司', x: 400, y: 0, symbol: 'rect', symbolSize: [142, 218], itemStyle: { color: '#2D3034', borderColor: '#728A4F', borderWidth: 2, }, label: { padding: [-190, 0, 0, 0], color: '#728A4F' } }, { name: '_子公司辅助线', x: 250, y: 0, symbolSize: [1, 1], itemStyle: { color: '#2D3034', borderColor: '#728A4F', borderWidth: 2, }, }, { name: '其他重大影响/共同控制方', x: 680, y: 0, value: '影响', symbol: 'rect', symbolSize: [142, 218], itemStyle: { color: '#2D3034', borderColor: '#4F77A8', borderWidth: 2, }, label: { padding: [-190, 0, 0, 0], color: '#4F77A8' } }, { name: '_其他重大影响辅助线', x: 680, y: 400, symbolSize: [1, 1], }, { name: '联营/合营公司', x: 400, y: 400, symbol: 'rect', symbolSize: [142, 218], itemStyle: { color: '#2D3034', borderColor: '#728A4F', borderWidth: 2, }, label: { padding: [-190, 0, 0, 0], color: '#728A4F' } }, { //这个节点是转折点 name: '_联营/合营公司辅助线', x: 120, y: 400, symbolSize: [1, 1], }, ], // links: [], //这是点与点之间的连接关系 links: [{ source: '_中建一局集团建设发展有限公司辅助线', target: '母公司', symbol: ['arrow', 'none'], }, { source: '子公司', target: '_子公司辅助线', symbol: ['arrow', 'none'], value: [{ label: '控制' }], label: { padding: [0, 0, 0, 4], show: true, formatter: function(params) { return params.value[0].label } }, }, { source: '联营/合营公司', target: '_联营/合营公司辅助线', //x是第一个小转折点 value: [{ label: '影响' }], label: { show: true, formatter: function(params) { return params.value[0].label } }, }, { source: '_联营/合营公司辅助线', target: '中建一局集团建设发展有限公司', symbol: ['arrow', 'none'] }, { source: '其他重大影响/共同控制方', target: '_其他重大影响辅助线', symbol: ['none', 'arrow'], }, { source: '_其他重大影响辅助线', target: '联营/合营公司', value: [{ label: '影响' }], label: { show: true, align: 'left', formatter: function(params) { return params.value[0].label } }, }, { source: '_兄弟公司辅助线', target: '兄弟公司', value: [{ label: '控制' }], label: { padding: [0, 0, 0, -40], show: true, formatter: function(params) { return params.value[0].label } }, }, { source: '_兄弟公司辅助线', target: '实际控制方', symbol: ['arrow', 'none'], }, { source: '_实际控制方辅助线', target: '实际控制方', value: [{ label: '控制' }], label: { show: true, formatter: function(params) { return params.value[0].label } }, }, { source: '_实际控制方辅助线', target: '母公司的其他股东', symbol: ['arrow', 'none'], }, { source: '_母公司辅助线', target: '母公司', value: [{ label: '控制' }], label: { show: true, formatter: function(params) { return params.value[0].label } } }, { source: '_母公司辅助线', target: '母公司的其他股东', symbol: ['arrow', 'none'], }, { source: '_子公司辅助线', target: '中建一局集团建设发展有限公司', }, { source: '_中建一局集团建设发展有限公司辅助线', target: '中建一局集团建设发展有限公司', value: [{ label: '控制' }], label: { padding: [100, 0, 0, -120], show: true, formatter: function(params) { return params.value[0].label } }, } ], //线条的颜色 lineStyle: { normal: { color: '#2B4A4D', //type: 'dashed', width: 2, } } }] };

你可能感兴趣的:(2020-06-11)