股权关系架构图 股权关系图怎么做

该图有一处无法满足我个人需求，点击子公司进行相应的操作。但是该方法不支持点击点击事件，因为点击区域由下图红色框树形设置的大小决定，当Size为1的时候则能够被点击的区域极小。

var data2 = [{ name: "马云", children: [{ //子集 name: "北京国风信通科技有限公司", value: '控股', percent: '60%', money: '120万元' }, { name: "北京阿里巴巴信息技术有限公司", value: '', percent: '1.43%', money: '800万元' }, { name: "高德软件有限公司", value: '控股', percent: '67%', money: '16242.4242万元' }, { name: "杭州大井头贰拾贰号文化艺术有限公司", value: '控股', percent: '99%', money: '990万元' } ] }]; var option = { tooltip: { trigger: 'item', formatter: '{b}' }, series: [{ type: 'tree', name: '股权穿透图', edgeShape: 'polyline', //链接线是折现还是曲线 orient: 'TB',//树形图的显示方向TB:从上往下显示 data: data2, width: 1000,//树形图宽 height: 200,//树形图高 top: '30%',//树型图整体偏移 left: '10%',//树型图整体偏移 symbolSize: [150, 40],//设置自己选择区域的宽高 symbol: 'rect',//子级选择区域的形状默认circle(圆形),rect矩形 roam: true,//鼠标移到区块时会显示一个灰色背景的title，移动不同区域时是否开启滑动动画 initialTreeDepth: 10,//树图初始展开的层级（深度），默认展开几层子节点 itemStyle: {//symbol的样式 color: '#fff', borderColor: '#fff', offset: [-150, 50] }, label: { normal: {//蓝色框的配置 position: [-70, 30],//蓝色框的定位 verticalAlign: 'middle', align: 'left',//框框的对其方向可以配合position定位到自己想要的位置 backgroundColor: '#0084ff', color: '#fff', padding: [15, 132],//内填充 borderWidth: 2,//边框宽度 borderColor: '#0070d9', fontWeight: 'bold', formatter: [ '{box|{b}}' ].join('\n'), rich: { box: { height: 30, color: '#fff', padding: [0, 5], align: 'center', fontWeight: 'bold', fontSize: 16, } } }, }, leaves: { label: { normal: {//子级框的配置 position: [-20, 30],//子级框的定位 verticalAlign: 'middle', align: 'left', backgroundColor: '#fff', padding: [15, 40], fontSize: 12, fontWeight: 'normal', width: 100, borderColor: '#ccc', borderWidth: 1, formatter: function (param) { console.log(param); let money = '认缴金额：' + param.data.money; let percent = param.data.percent; let name = .substring(0, 11) + '\n' + .substring(11); let konggu = param.value; if (konggu.length === 0) { return [ `{percent|${percent}}`, `{name|${name}}`, `{money|${money}}` ].join('\n'); } else { return [ `{konggu|${konggu}}`, `{percent|${percent}}`, `{name|${name}}`, `{money|${money}}` ].join('\n'); } }, rich: { konggu: { color: '#0f8bff', padding: [-50, 10], height: 18, distance: 10, align: 'left', verticalAlign: 'top', fontSize: 12, borderWidth: 1, fontWeight: 'normal', }, percent: { height: 18, color: '#0f8bff', padding: [-50, 10], align: 'right', verticalAlign: 'top', fontSize: 12, borderColor: 'red', borderWidth: 0, fontWeight: 'normal' }, name: { height: 18, color: '#000', padding: [0, 5], align: 'center', fontSize: 12, }, money: { height: 18, color: 'DarkGray', padding: [0, 5], align: 'center', fontSize: 12, borderWidth: 2, fontWeight: 'normal' } } } } }, lineStyle: { color: '#909090', }, expandAndCollapse: false,//是否开启点击父节点，展开及收缩子节点 animationDuration: 550, animationDurationUpdate: 750 },] }; myChart1.setOption(option); myChart1.on('click', function (params) { alert(111); })1.2.3.4.5.6.7.8.9.10.11.12.13.14.15.16.17.18.19.20.21.22.23.24.25.26.27.28.29.30.31.32.33.34.35.36.37.38.39.40.41.42.43.44.45.46.47.48.49.50.51.52.53.54.55.56.57.58.59.60.61.62.63.64.65.66.67.68.69.70.71.72.73.74.75.76.77.78.79.80.81.82.83.84.85.86.87.88.89.90.91.92.93.94.95.96.97.98.99.100.101.102.103.104.105.106.107.108.109.110.111.112.113.114.115.116.117.118.119.120.121.122.123.124.125.126.127.128.129.130.131.132.133.134.135.136.137.138.139.140.141.142.143.144.145.146.147.148.149.150.151.152.153.154.155.156.157.158.159.160.161.162.163.164.165.166.167.168.169.170.

网址：股权关系架构图 股权关系图怎么做 http://c.mxgxt.com/news/view/1407801

相关内容

股权架构图表格怎么做
家族公司股权架构设计方案图
开公司股权架构图设计指南
贾玲商业版图：股权架构与资本运作拆解
深度剖析：阿里的娱乐圈股权版图 马云与明星们的股权关系图
从王宝强婚变事件看股权架构设计的重要性！！
汪小菲800万创办麻六记，股权结构是怎么设计的？
宏桥、魏桥投资、魏桥创业集团及张士平之间的股权关系梳理 1、 魏桥投资的整体架构 (2013年初)：2、魏桥创业集团的详细架构：(2013年初)3、张士平个人股权资产：(201...
盘点徐峥商业版图 徐峥与张庭夫妇公司无股权关联
胖东来的模式有多难？看看股权架构是如何设计的

随便看看