D3 二维图表的绘制系列（二十九）径向树图

代码结构和初始化画布的Chart对象介绍，请先看这里

本图完整的源码地址：这里

1 图表效果

在这里插入图片描述

2 数据

{
   
   
    "name": "letter",
    "children": [
        {
   
   
            "name": "a",
            "children": [
                {
   
   
                    "name": "a1",
                    "children": [
                        {
   
   "name": "a11", "value": 2},
                        {
   
   "name": "a12", "value": 3},
                        {
   
   "name": "a13", "value": 4},
                        {
   
   "name": "a14", "value": 5},
                        {
   
   "name": "a15", "value": 5},
                        {
   
   "name": "a16", "value": 7}
                    ]
                }
            ]
        },
        {
   
   
            "name": "b",
            "children": [
                {
   
   
                    "name": "b1",
                    "children": [
                        {
   
   "name": "b11", "value": 4},
                        {
   
   "name": "b12", "value": 2},
                        {
   
   "name": "b13", "value": 4},
                        {
   
   "name": "b14", "value": 4},
                        {
   
   "name": "b15", "value": 4},
                        {
   
   "name": "b16", "value": 4}
                    ]
                },
                {
   
   
                    "name": "b2",
                    "children": [
                        {
   
   "name": "b21", "value": 4},
                        {
   
   "name": "b22", "value": 5},
                        {
   
   "name": "b23", "value": 4},
                        {
   
   "name": "b24", "value": 4}
                    ]
                }
            ]
        },
        {
   
   
            "name": "c",
            "children": [
                {
   
   
                    "name": "c1",
                    "children": [
                        {
   
   "name": "c11", "value": 6},
                        {
   
   "name": "c12", "value": 1}
                    ]
                },
                {
   
   

                    "name": "c2",
                    "children": [
                        {
   
   "name": "c21", "value": 2},
                        {
   
   "name": "c22", "value": 3}