朝阳39的博客

d3 树——折叠/展开原理1. 点击节点前的折叠/展开按钮（此处为红色圆圈）时，若节点已展开(children有值)——将节点的children数据存入新属性childrenTemp后，将children设为null 若节点已折叠(children无值)——将节点的childrenTemp属性值赋值为children，并将childrenTemp设为null//绘制节点(节点前的圆圈)groups.append("circle")// 树的展开折叠 .on("click"...

<template> <div class="d3Chart"></div></template><script> import * as d3 from 'd3'; export default { mounted() { // 源数据 let data = { "name": "中国", ...

<template> <div></div></template><script> import * as d3 from 'd3'; export default { mounted() { let dataList = [30, 10, 43, 55, 13]; // 将源数据转换为可以生成饼图的数据(有起始角度（startAngle）和终止角度...

安装d3npm install d3.vue文件中<template> <div></div></template><script> import * as d3 from 'd3'; export default { mounted() { // 数据——x轴的标签——城市 let labelList = ["成都", "武汉", ...