D3-股权穿透图

安装·使用

// cdn 引入
<script scr="./saveSvgAsPng.js"></script>

// 模块引用
npm install save-svg-as-png -D
npm install d3 -D

// 在出口文件main.js中
import saveSvgAsPng from "save-svg-as-png";
import d3from "d3";Vue.prototype.$saveSvgAsPng  = saveSvgAsPng;
Vue.prototype.$d3= d3;

// 在页面中
<template><div class="penetrate-chart"><button @click="saveImg">保存图片</button><div id="penetrateChart"></div></div>
</template><script>
import html2canvas from "html2canvas";
// 过渡时间
const DURATION = 0;
// 加减符号半径
const SYMBOLA_S_R = 9;
// 公司
const COMPANY = "0";
// 人
const PERSON = "1";
export default {data(){return {saveSvgAsPng:this.$saveSvgAsPng,layoutTree: "",diamonds: "",d3: this.$d3,i: 0,hasChildNodeArr: [],originDiamonds: "",diagonalUp: "",diagonalDown: "",tree: {children: [{money: "20000",name: "重庆小米创业投资有限公司",scale: 100,type: "0",children: [{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0,children: [{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0}]},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0}],Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小米金融科技有限公司",type: "0",Holding: 0,children: [{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30000",name: "[注销]珠海小额贷款有限公司",type: "0",Holding: 0},{scale: 100,money: "30

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！