Echarts涓お闃冲浘锛圫unburst锛夌殑瀹炰緥

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Echarts涓お闃冲浘锛圫unburst锛夌殑瀹炰緥相关的知识，希望对你有一定的参考价值。

鏍囩锛?a href='http://www.mamicode.com/so/1/%e5%9b%be%e8%a1%a8' title='鍥捐〃'>鍥捐〃   red   nas   绫诲埆   scala   imu   highlight   绌虹櫧   uri   

Echarts涓お闃冲浘锛圫unburst锛夌殑瀹炰緥

鐩墠鍦ㄩ」鐩腑瑕佸疄鐜颁竴涓狤chars涓殑澶槼鍥撅紝浣嗘槸Echars涓殑澶槼鍥剧殑鏁版嵁鏍煎紡鏄竴涓爲褰㈢粨鏋勶紝濡備笅浠ｇ爜鏍煎紡濡備笅锛?/p>

鎶€鏈垎浜浘鐗? id= 
var mapData = [
  {
    name: 鈥樹細鍛樺睘鎬р€?span style="color: #000000;">,
    itemStyle: {
      color: 鈥?777鈥?span style="color: #000000;">
    },
    children: [
      {
        name: 鈥樹細鍛樼瓑绾р€?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥榁0鈥?span style="color: #000000;">,
                value: 1,
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                },
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                children: [
                  {
                    name: 鈥榁1鈥?span style="color: #000000;">,
                    value: 1,
                    itemStyle: {
                      color: 鈥榬ed鈥?span style="color: #000000;">
                    },
                    label: {
                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                    },
                    children: [
                      {
                        name: 鈥榁2鈥?span style="color: #000000;">,
                        value: 1,
                        itemStyle: {
                          color: 鈥?777鈥?span style="color: #000000;">
                        },
                        label: {
                          rotate: 鈥榯angential鈥?span style="color: #000000;">
                        },
                        children: [
                          {
                            name: 鈥榁3鈥?span style="color: #000000;">,
                            value: 1,
                            itemStyle: {
                              color: 鈥?777鈥?span style="color: #000000;">
                            },
                            label: {
                              rotate: 鈥榯angential鈥?span style="color: #000000;">
                            },
                            children: [
                              {
                                name: 鈥榁4鈥?span style="color: #000000;">,
                                value: 1,
                                itemStyle: {
                                  color: 鈥?777鈥?span style="color: #000000;">
                                },
                                label: {
                                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                                },
                                children: [
                                  {
                                    name: 鈥榁5鈥?span style="color: #000000;">,
                                    value: 1,
                                    itemStyle: {
                                      color: 鈥?777鈥?span style="color: #000000;">
                                    },
                                    label: {
                                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                                    }
                                  }
                                ]
                              }
                            ]
                          }
                        ]
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        name: 鈥樼櫥褰曟椿璺冨害鈥?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥楢0鈥?span style="color: #000000;">,
                value: 1,
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                },
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                children: [
                  {
                    name: 鈥楢1鈥?span style="color: #000000;">,
                    value: 1,
                    itemStyle: {
                      color: 鈥?777鈥?span style="color: #000000;">
                    },
                    label: {
                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                    },
                    children: [
                      {
                        name: 鈥楢2鈥?span style="color: #000000;">,
                        value: 1,
                        itemStyle: {
                          color: 鈥?777鈥?span style="color: #000000;">
                        },
                        label: {
                          rotate: 鈥榯angential鈥?span style="color: #000000;">
                        },
                        children: [
                          {
                            name: 鈥楢3鈥?span style="color: #000000;">,
                            value: 1,
                            itemStyle: {
                              color: 鈥?777鈥?span style="color: #000000;">
                            },
                            label: {
                              rotate: 鈥榯angential鈥?span style="color: #000000;">
                            },
                            children: [
                              {
                                name: 鈥楢4鈥?span style="color: #000000;">,
                                value: 1,
                                itemStyle: {
                                  color: 鈥?777鈥?span style="color: #000000;">
                                },
                                label: {
                                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                                },
                                children: [
                                  {
                                    name: 鈥楢5鈥?span style="color: #000000;">,
                                    value: 1,
                                    label: {
                                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                                    },
                                    itemStyle: {
                                      color: 鈥?777鈥?span style="color: #000000;">
                                    }
                                  }
                                ]
                              }
                            ]
                          }
                        ]
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        name: 鈥樺徃榫勨€?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥樻柊鎵嬧€?span style="color: #000000;">,
                value: 1,
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                },
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                children: [
                  {
                    name: 鈥樻鏂版墜鈥?span style="color: #000000;">,
                    value: 1,
                    itemStyle: {
                      color: 鈥?777鈥?span style="color: #000000;">
                    },
                    label: {
                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                    },
                    children: [
                      {
                        name: 鈥樿€佺敤鎴封€?span style="color: #000000;">,
                        value: 1,
                        itemStyle: {
                          color: 鈥?777鈥?span style="color: #000000;">
                        },
                        label: {
                          rotate: 鈥榯angential鈥?span style="color: #000000;">
                        },
                        children: [
                          {
                            name: 鈥樿秴绾ц€佺敤鎴封€?span style="color: #000000;">,
                            value: 1,
                            itemStyle: {
                              color: 鈥?777鈥?span style="color: #000000;">
                            },
                            label: {
                              rotate: 鈥榯angential鈥?span style="color: #000000;">
                            },
                            children: [
                              {
                                name: 鈥橀鐏扮骇鑰佺敤鎴封€?span style="color: #000000;">,
                                value: 1,
                                itemStyle: {
                                  color: 鈥?777鈥?span style="color: #000000;">
                                },
                                label: {
                                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                                },
                                children: [
                                  {
                                    name: 鈥橀鐏扮骇瓒呯骇鑰佺敤鎴封€?span style="color: #000000;">,
                                    value: 1,
                                    itemStyle: {
                                      color: 鈥?777鈥?span style="color: #000000;">
                                    },
                                    label: {
                                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                                    }
                                  }
                                ]
                              }
                            ]
                          }
                        ]
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      }
    ]
  },
  {
    name: 鈥樺熀纭€灞炴€р€?span style="color: #000000;">,
    itemStyle: {
      color: 鈥?777鈥?span style="color: #000000;">
    },
    children: [
      {
        name: 鈥樻槦搴р€?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥樼櫧缇娾€?span style="color: #000000;">,
                value: 1,
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                }
              }
            ]
          }
        ]
      }, 
      {
        name: 鈥樻€у埆鈥?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥樼敺鈥?span style="color: #000000;">,
                value: 1,
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                },
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                children: [
                  {
                    name: 鈥樺コ鈥?span style="color: #000000;">,
                    value: 1,
                    itemStyle: {
                      color: 鈥?777鈥?span style="color: #000000;">
                    },
                    label: {
                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                    },
                    children: [
                      {
                        name: 鈥樻湭鐭モ€?span style="color: #000000;">,
                        value: 1,
                        itemStyle: {
                          color: 鈥?777鈥?span style="color: #000000;">
                        },
                        label: {
                          rotate: 鈥榯angential鈥?span style="color: #000000;">
                        }
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        name: 鈥樺勾榫勨€?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥?0宀佲€?span style="color: #000000;">,
                value: 1,
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                },
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                children: [
                  {
                    name: 鈥樿储瀵岀Н绱樁娈碘€?span style="color: #000000;">,
                    value: 1,
                    itemStyle: {
                      color: 鈥?777鈥?span style="color: #000000;">
                    },
                    label: {
                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                    },
                    children: [
                      {
                        name: 鈥樿储瀵屽珐鍥洪樁娈碘€?span style="color: #000000;">,
                        value: 1,
                        itemStyle: {
                          color: 鈥?777鈥?span style="color: #000000;">
                        },
                        label: {
                          rotate: 鈥榯angential鈥?span style="color: #000000;">
                        },
                        children: [
                          {
                            name: 鈥樿储瀵屾敮鍑洪樁娈碘€?span style="color: #000000;">,
                            value: 1,
                            itemStyle: {
                              color: 鈥?777鈥?span style="color: #000000;">
                            },
                            label: {
                              rotate: 鈥榯angential鈥?span style="color: #000000;">
                            }
                          }
                        ]
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      }
    ]
  },
  {
    name: 鈥樿喘涔板喅绛栧姩鍥犫€?span style="color: #000000;">,
    itemStyle: {
      color: 鈥?777鈥?span style="color: #000000;">
    },
    children: [
      {
        name: 鈥橀個璇风被鍨嬧€?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥樿嚜鐒舵祦閲忊€?span style="color: #000000;">,
                value: 1,
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                },
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                children: [
                  {
                    name: 鈥樻祦閲忔笭閬撯€?span style="color: #000000;">,
                    value: 1,
                    itemStyle: {
                      color: 鈥?777鈥?span style="color: #000000;">
                    },
                    label: {
                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                    },
                    children: [
                      {
                        name: 鈥橀個璇封€?span style="color: #000000;">,
                        value: 1,
                        itemStyle: {
                          color: 鈥?777鈥?span style="color: #000000;">
                        },
                        label: {
                          rotate: 鈥榯angential鈥?span style="color: #000000;">
                        }
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        name: 鈥樺崱鍔典娇鐢ㄧ巼鎺掑悕鈥?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥榌0%, 30%]鈥?span style="color: #000000;">,
                value: 1,
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                },
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                children: [
                  {
                    name: 鈥榌30%, 50%]鈥?span style="color: #000000;">,
                    value: 1,
                    itemStyle: {
                      color: 鈥?777鈥?span style="color: #000000;">
                    },
                    label: {
                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                    },
                    children: [
                      {
                        name: 鈥榌50%, 70%]鈥?span style="color: #000000;">,
                        value: 1,
                        itemStyle: {
                          color: 鈥?777鈥?span style="color: #000000;">
                        },
                        label: {
                          rotate: 鈥榯angential鈥?span style="color: #000000;">
                        },
                        children: [
                          {
                            name: 鈥榌70%, 90%]鈥?span style="color: #000000;">,
                            value: 1,
                            itemStyle: {
                              color: 鈥?777鈥?span style="color: #000000;">
                            },
                            label: {
                              rotate: 鈥榯angential鈥?span style="color: #000000;">
                            },
                            children: [
                              {
                                name: 鈥榌90%, 100%]鈥?span style="color: #000000;">,
                                value: 1,
                                itemStyle: {
                                  color: 鈥?777鈥?span style="color: #000000;">
                                },
                                label: {
                                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                                }
                              }
                            ]
                          }
                        ]
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        name: 鈥樺崱鍔靛亸濂解€?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥樹綆鈥?span style="color: #000000;">,
                value: 1,
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                },
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                children: [
                  {
                    name: 鈥樺己鈥?span style="color: #000000;">,
                    value: 1,
                    itemStyle: {
                      color: 鈥?777鈥?span style="color: #000000;">
                    },
                    label: {
                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                    }
                  }
                ]
              }
            ]
          }
        ]
      }
    ]
  },
  {
    name: 鈥樿处鎴峰垎鏋愨€?span style="color: #000000;">,
    itemStyle: {
      color: 鈥?777鈥?span style="color: #000000;">
    },
    children: [
      {
        name: 鈥樿祫浜ч闄╁€尖€?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥樺亸浣庡垎鍊?.7鈥?span style="color: #000000;">,
                value: 1,
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                },
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                children: [
                  {
                    name: 鈥樻爣鍑嗗€?.0鈥?span style="color: #000000;">,
                    value: 1,
                    itemStyle: {
                      color: 鈥?777鈥?span style="color: #000000;">
                    },
                    label: {
                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                    }
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        name: 鈥樹釜浜鸿处鎴蜂綑棰濇敹鐩婃崯澶扁€?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥榌0%, 30%]鈥?span style="color: #000000;">,
                value: 1,
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                },
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                children: [
                  {
                    name: 鈥榌30%, 50%]鈥?span style="color: #000000;">,
                    value: 1,
                    itemStyle: {
                      color: 鈥?777鈥?span style="color: #000000;">
                    },
                    label: {
                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                    },
                    children: [
                      {
                        name: 鈥榌50%, 70%]鈥?span style="color: #000000;">,
                        value: 1,
                        itemStyle: {
                          color: 鈥?777鈥?span style="color: #000000;">
                        },
                        label: {
                          rotate: 鈥榯angential鈥?span style="color: #000000;">
                        },
                        children: [
                          {
                            name: 鈥榌70%, 90%]鈥?span style="color: #000000;">,
                            value: 1,
                            itemStyle: {
                              color: 鈥?777鈥?span style="color: #000000;">
                            },
                            label: {
                              rotate: 鈥榯angential鈥?span style="color: #000000;">
                            },
                            children: [
                              {
                                name: 鈥榌90%, 100%]鈥?span style="color: #000000;">,
                                value: 1,
                                itemStyle: {
                                  color: 鈥?777鈥?span style="color: #000000;">
                                },
                                label: {
                                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                                }
                              }
                            ]
                          }
                        ]
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        name: 鈥樹骇鍝佺被鍒綑棰濆崰姣斺€?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥樺熀閲?0%鈥?span style="color: #000000;">,
                value: 1,
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                },
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                children: [
                  {
                    name: 鈥樹簰閲戦潪鏍?0%鈥?span style="color: #000000;">,
                    value: 1,
                    itemStyle: {
                      color: 鈥?777鈥?span style="color: #000000;">
                    },
                    label: {
                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                    },
                    children: [
                      {
                        name: 鈥樿处鎴蜂綑棰?0%鈥?span style="color: #000000;">,
                        value: 1,
                        itemStyle: {
                          color: 鈥?777鈥?span style="color: #000000;">
                        },
                        label: {
                          rotate: 鈥榯angential鈥?span style="color: #000000;">
                        }
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      }
    ]
  },
  {
    name: 鈥樻姇璧勫亸濂解€?span style="color: #000000;">,
    itemStyle: {
      color: 鈥?777鈥?span style="color: #000000;">
    },
    children: [
      {
        name: 鈥樻湡闄愬尮閰嶇粨鏋溾€?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥樹笉鍖归厤鈥?span style="color: #000000;">,
                value: 1,
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                },
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                children: [
                  {
                    name: 鈥樺熀鏈尮閰嶁€?span style="color: #000000;">,
                    value: 1,
                    itemStyle: {
                      color: 鈥?777鈥?span style="color: #000000;">
                    },
                    label: {
                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                    }
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        name: 鈥樺ぇ绫昏祫浜у亸濂解€?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥樼幇閲戝強璐у竵绫?0%鈥?span style="color: #000000;">,
                value: 1,
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                },
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                children: [
                  {
                    name: 鈥樺浐瀹氭敹鐩婄被30%鈥?span style="color: #000000;">,
                    value: 1,
                    itemStyle: {
                      color: 鈥?777鈥?span style="color: #000000;">
                    },
                    label: {
                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                    },
                    children: [
                      {
                        name: 鈥樺€哄埜绫?0%鈥?span style="color: #000000;">,
                        value: 1,
                        itemStyle: {
                          color: 鈥?777鈥?span style="color: #000000;">
                        },
                        label: {
                          rotate: 鈥榯angential鈥?span style="color: #000000;">
                        },
                        children: [
                          {
                            name: 鈥樿偂绁ㄧ被10%鈥?span style="color: #000000;">,
                            value: 1,
                            itemStyle: {
                              color: 鈥?777鈥?span style="color: #000000;">
                            },
                            label: {
                              rotate: 鈥榯angential鈥?span style="color: #000000;">
                            },
                            children: [
                              {
                                name: 鈥樺彟绫诲強鍏朵粬0%鈥?span style="color: #000000;">,
                                value: 1,
                                itemStyle: {
                                  color: 鈥?777鈥?span style="color: #000000;">
                                },
                                label: {
                                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                                }
                              }
                            ]
                          }
                        ]
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        name: 鈥樻湡闄愬亸濂解€?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥橀暱鏈熸€у亸濂藉急鈥?span style="color: #000000;">,
                value: 1,
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                },
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                children: [
                  {
                    name: 鈥樹腑闀挎湡鍋忓ソ寮扁€?span style="color: #000000;">,
                    value: 1,
                    itemStyle: {
                      color: 鈥?777鈥?span style="color: #000000;">
                    },
                    label: {
                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                    },
                    children: [
                      {
                        name: 鈥樼煭鏈熷亸濂戒腑鈥?span style="color: #000000;">,
                        value: 1,
                        itemStyle: {
                          color: 鈥?777鈥?span style="color: #000000;">
                        },
                        label: {
                          rotate: 鈥榯angential鈥?span style="color: #000000;">
                        },
                        children: [
                          {
                            name: 鈥樻瀬鐭湡鍋忓ソ涓€?span style="color: #000000;">,
                            value: 1,
                            itemStyle: {
                              color: 鈥?777鈥?span style="color: #000000;">
                            },
                            label: {
                              rotate: 鈥榯angential鈥?span style="color: #000000;">
                            },
                            children: [
                              {
                                name: 鈥樻瀬閫熸祦鍔ㄦ€у亸濂藉己鈥?span style="color: #000000;">,
                                value: 1,
                                itemStyle: {
                                  color: 鈥?777鈥?span style="color: #000000;">
                                },
                                label: {
                                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                                }
                              }
                            ]
                          }
                        ]
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      }
    ]
  },
  {
    name: 鈥橀闄╁蹇嶅害鈥?span style="color: #000000;">,
    itemStyle: {
      color: 鈥?777鈥?span style="color: #000000;">
    },
    children: [
      {
        name: 鈥橀闄╁蹇嶇瓑绾р€?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥樼瓑绾?鈥?span style="color: #000000;">,
                value: 1,
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                },
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                children: [
                  {
                    name: 鈥樼瓑绾?鈥?span style="color: #000000;">,
                    value: 1,
                    itemStyle: {
                      color: 鈥?777鈥?span style="color: #000000;">
                    },
                    label: {
                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                    },
                    children: [
                      {
                        name: 鈥樼瓑绾?鈥?span style="color: #000000;">,
                        value: 1,
                        itemStyle: {
                          color: 鈥?777鈥?span style="color: #000000;">
                        },
                        label: {
                          rotate: 鈥榯angential鈥?span style="color: #000000;">
                        },
                        children: [
                          {
                            name: 鈥樼瓑绾?鈥?span style="color: #000000;">,
                            value: 1,
                            itemStyle: {
                              color: 鈥?777鈥?span style="color: #000000;">
                            },
                            label: {
                              rotate: 鈥榯angential鈥?span style="color: #000000;">
                            },
                            children: [
                              {
                                name: 鈥樼瓑绾?鈥?span style="color: #000000;">,
                                value: 1,
                                itemStyle: {
                                  color: 鈥?777鈥?span style="color: #000000;">
                                },
                                label: {
                                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                                }
                              }
                            ]
                          }
                        ]
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        name: 鈥橀闄╂祴璇勭瓑绾р€?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥樹繚瀹堝瀷鈥?span style="color: #000000;">,
                value: 1,
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                },
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                children: [
                  {
                    name: 鈥樼ǔ鍋ュ瀷鈥?span style="color: #000000;">,
                    value: 1,
                    itemStyle: {
                      color: 鈥?777鈥?span style="color: #000000;">
                    },
                    label: {
                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                    },
                    children: [
                      {
                        name: 鈥樺钩琛″瀷鈥?span style="color: #000000;">,
                        value: 1,
                        itemStyle: {
                          color: 鈥?777鈥?span style="color: #000000;">
                        },
                        label: {
                          rotate: 鈥榯angential鈥?span style="color: #000000;">
                        },
                        children: [
                          {
                            name: 鈥樻垚闀垮瀷鈥?span style="color: #000000;">,
                            value: 1,
                            itemStyle: {
                              color: 鈥?777鈥?span style="color: #000000;">
                            },
                            label: {
                              rotate: 鈥榯angential鈥?span style="color: #000000;">
                            },
                            children: [
                              {
                                name: 鈥樿繘鍙栧瀷鈥?span style="color: #000000;">,
                                value: 1,
                                itemStyle: {
                                  color: 鈥?777鈥?span style="color: #000000;">
                                },
                                label: {
                                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                                }
                              }
                            ]
                          }
                        ]
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      }
    ]
  },
  {
    name: 鈥橀闄╂壙鍙楄兘鍔涒€?span style="color: #000000;">,
    itemStyle: {
      color: 鈥?777鈥?span style="color: #000000;">
    },
    children: [
      {
        name: 鈥橀闄╂壙鍙楄兘鍔涒€?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥樼瓑绾?鈥?span style="color: #000000;">,
                value: 1,
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                },
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                children: [
                  {
                    name: 鈥樼瓑绾?鈥?span style="color: #000000;">,
                    value: 1,
                    itemStyle: {
                      color: 鈥?777鈥?span style="color: #000000;">
                    },
                    label: {
                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                    },
                    children: [
                      {
                        name: 鈥樼瓑绾?鈥?span style="color: #000000;">,
                        value: 1,
                        itemStyle: {
                          color: 鈥?777鈥?span style="color: #000000;">
                        },
                        label: {
                          rotate: 鈥榯angential鈥?span style="color: #000000;">
                        },
                        children: [
                          {
                            name: 鈥樼瓑绾?鈥?span style="color: #000000;">,
                            value: 1,
                            itemStyle: {
                              color: 鈥?777鈥?span style="color: #000000;">
                            },
                            label: {
                              rotate: 鈥榯angential鈥?span style="color: #000000;">
                            },
                            children: [
                              {
                                name: 鈥樼瓑绾?鈥?span style="color: #000000;">,
                                value: 1,
                                itemStyle: {
                                  color: 鈥?777鈥?span style="color: #000000;">
                                },
                                label: {
                                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                                }
                              }
                            ]
                          }
                        ]
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        name: 鈥樺鎴风煭鏈熻祫閲戞綔鍔涒€?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥樺叧娉ㄢ€?span style="color: #000000;">,
                value: 1,
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                },
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                children: [
                  {
                    name: 鈥樹綆鈥?span style="color: #000000;">,
                    value: 1,
                    itemStyle: {
                      color: 鈥?777鈥?span style="color: #000000;">
                    },
                    label: {
                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                    },
                    children: [
                      {
                        name: 鈥樹腑鈥?span style="color: #000000;">,
                        value: 1,
                        itemStyle: {
                          color: 鈥?777鈥?span style="color: #000000;">
                        },
                        label: {
                          rotate: 鈥榯angential鈥?span style="color: #000000;">
                        },
                        children: [
                          {
                            name: 鈥橀珮鈥?span style="color: #000000;">,
                            value: 1,
                            itemStyle: {
                              color: 鈥?777鈥?span style="color: #000000;">
                            },
                            label: {
                              rotate: 鈥榯angential鈥?span style="color: #000000;">
                            },
                            children: [
                              {
                                name: 鈥樿秴楂樷€?span style="color: #000000;">,
                                value: 1,
                                itemStyle: {
                                  color: 鈥?777鈥?span style="color: #000000;">
                                },
                                label: {
                                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                                }
                              }
                            ]
                          }
                        ]
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        name: 鈥樺搴敹鍏モ€?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥?5涓囦互涓嬧€?span style="color: #000000;">,
                value: 1,
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                },
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                children: [
                  {
                    name: 鈥?5-30涓囧厓鈥?span style="color: #000000;">,
                    value: 1,
                    itemStyle: {
                      color: 鈥?777鈥?span style="color: #000000;">
                    },
                    label: {
                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                    },
                    children: [
                      {
                        name: 鈥?0-50涓囧厓鈥?span style="color: #000000;">,
                        value: 1,
                        itemStyle: {
                          color: 鈥?777鈥?span style="color: #000000;">
                        },
                        label: {
                          rotate: 鈥榯angential鈥?span style="color: #000000;">
                        },
                        children: [
                          {
                            name: 鈥?0-100涓囧厓鈥?span style="color: #000000;">,
                            value: 1,
                            itemStyle: {
                              color: 鈥?777鈥?span style="color: #000000;">
                            },
                            label: {
                              rotate: 鈥榯angential鈥?span style="color: #000000;">
                            },
                            children: [
                              {
                                name: 鈥?00-500涓囧厓鈥?span style="color: #000000;">,
                                value: 1,
                                itemStyle: {
                                  color: 鈥?777鈥?span style="color: #000000;">
                                },
                                label: {
                                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                                },
                                children: [
                                  {
                                    name: 鈥?00涓囧厓浠ヤ笂鈥?span style="color: #000000;">,
                                    value: 1,
                                    itemStyle: {
                                      color: 鈥?777鈥?span style="color: #000000;">
                                    },
                                    label: {
                                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                                    }
                                  }
                                ]
                              }
                            ]
                          }
                        ]
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      }
    ]
  },
  {
    name: 鈥樻姇璧勭洰鏍団€?span style="color: #000000;">,
    itemStyle: {
      color: 鈥?777鈥?span style="color: #000000;">
    },
    children: [
      {
        name: 鈥樺悓涓€椋庨櫓绛夌骇鈥?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥榌0,30%]鈥?span style="color: #000000;">,
                value: 1,
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                },
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                children: [
                  {
                    name: 鈥榌30%,50%]鈥?span style="color: #000000;">,
                    value: 1,
                    itemStyle: {
                      color: 鈥?777鈥?span style="color: #000000;">
                    },
                    label: {
                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                    },
                    children: [
                      {
                        name: 鈥榌50%,70%]鈥?span style="color: #000000;">,
                        value: 1,
                        itemStyle: {
                          color: 鈥?777鈥?span style="color: #000000;">
                        },
                        label: {
                          rotate: 鈥榯angential鈥?span style="color: #000000;">
                        },
                        children: [
                          {
                            name: 鈥榌70%,90%]鈥?span style="color: #000000;">,
                            value: 1,
                            itemStyle: {
                              color: 鈥?777鈥?span style="color: #000000;">
                            },
                            label: {
                              rotate: 鈥榯angential鈥?span style="color: #000000;">
                            },
                            children: [
                              {
                                name: 鈥榌90%,100%]鈥?span style="color: #000000;">,
                                value: 1,
                                itemStyle: {
                                  color: 鈥?777鈥?span style="color: #000000;">
                                },
                                label: {
                                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                                }
                              }
                            ]
                          }
                        ]
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        name: 鈥樺疄闄呮敹鐩婄巼鍋忕搴︹€?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥樿繙鏈疄鐜扳€?span style="color: #000000;">,
                value: 1,
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                },
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                children: [
                  {
                    name: 鈥樼◢寰疄鐜扳€?span style="color: #000000;">,
                    value: 1,
                    itemStyle: {
                      color: 鈥?777鈥?span style="color: #000000;">
                    },
                    label: {
                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                    },
                    children: [
                      {
                        name: 鈥樼◢瓒呮湡鏈涒€?span style="color: #000000;">,
                        value: 1,
                        itemStyle: {
                          color: 鈥?777鈥?span style="color: #000000;">
                        },
                        label: {
                          rotate: 鈥榯angential鈥?span style="color: #000000;">
                        },
                        children: [
                          {
                            name: 鈥樿秴鏈熸湜鈥?span style="color: #000000;">,
                            value: 1,
                            itemStyle: {
                              color: 鈥?777鈥?span style="color: #000000;">
                            },
                            label: {
                              rotate: 鈥榯angential鈥?span style="color: #000000;">
                            },
                            children: [
                              {
                                name: 鈥樿繙瓒呮湡鏈涒€?span style="color: #000000;">,
                                value: 1,
                                itemStyle: {
                                  color: 鈥?777鈥?span style="color: #000000;">
                                },
                                label: {
                                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                                }
                              }
                            ]
                          }
                        ]
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        name: 鈥樼患鍚堝疄闄呮敹鐩婄巼鈥?span style="color: #000000;">,
        itemStyle: {
          color: 鈥?5191d4鈥?span style="color: #000000;">
        },
        children: [
          {
            itemStyle: {
              color: 鈥?777鈥?span style="color: #000000;">
            },
            children: [
              {
                name: 鈥樼瓑绾?鈥?span style="color: #000000;">,
                value: 1,
                itemStyle: {
                  color: 鈥?777鈥?span style="color: #000000;">
                },
                label: {
                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                },
                children: [
                  {
                    name: 鈥樼瓑绾?鈥?span style="color: #000000;">,
                    value: 1,
                    itemStyle: {
                      color: 鈥?777鈥?span style="color: #000000;">
                    },
                    label: {
                      rotate: 鈥榯angential鈥?span style="color: #000000;">
                    },
                    children: [
                      {
                        name: 鈥樼瓑绾?鈥?span style="color: #000000;">,
                        value: 1,
                        itemStyle: {
                          color: 鈥?777鈥?span style="color: #000000;">
                        },
                        label: {
                          rotate: 鈥榯angential鈥?span style="color: #000000;">
                        },
                        children: [
                          {
                            name: 鈥樼瓑绾?鈥?span style="color: #000000;">,
                            value: 1,
                            itemStyle: {
                              color: 鈥?777鈥?span style="color: #000000;">
                            },
                            label: {
                              rotate: 鈥榯angential鈥?span style="color: #000000;">
                            },
                            children: [
                              {
                                name: 鈥樼瓑绾?鈥?span style="color: #000000;">,
                                value: 1,
                                itemStyle: {
                                  color: 鈥?777鈥?span style="color: #000000;">
                                },
                                label: {
                                  rotate: 鈥榯angential鈥?span style="color: #000000;">
                                }
                              }
                            ]
                          }
                        ]
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      }
    ]
  }
];
View Code

浣嗘槸鍛紵寮€鍙戦偅杈圭粰鐨勬暟鎹紝涓嶆槸杈撳嚭鐨勮繖鏍风殑鏍戝舰缁撴瀯锛岃€屾槸涓€涓暟缁勶紝姣斿濡備笅鏁版嵁锛?/p>

鎶€鏈垎浜浘鐗? id= 
var datas = [
  {
    field: 鈥榙r鈥?span style="color: #000000;">,
    item: [
      {
        field: 鈥榠nvite_type鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樻湭鐭モ€?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.2,
            value: -1,
            tfield: 鈥榠nvite_type鈥?span style="color: #000000;">
          },
          {
            field: 鈥樻祦閲忔笭閬撯€?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.5,
            value: 0,
            tfield: 鈥榠nvite_type鈥?span style="color: #000000;">
          },
          {
            field: 鈥橀個璇封€?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.3,
            value: 1,
            tfield: 鈥榠nvite_type鈥?span style="color: #000000;">
          }
        ],
        value: 鈥橀個璇风被鍨嬧€?span style="color: #000000;">
      },
      {
        field: 鈥榰se_coupon_rate_rank鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥榌0,30%)鈥?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榰se_coupon_rate_rank鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌30%,50%)鈥?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榰se_coupon_rate_rank鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌50%,70%)鈥?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榰se_coupon_rate_rank鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌70%,90%)鈥?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榰se_coupon_rate_rank鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌90%,100%)鈥?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榰se_coupon_rate_rank鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樺崱鍒镐娇鐢ㄧ巼鎺掑悕鈥?span style="color: #000000;">
      },
      {
        field: 鈥榰se_coupon_prefer鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樻湭鐭モ€?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榰se_coupon_prefer鈥?span style="color: #000000;">
          },
          {
            field: 鈥樺己鈥?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榰se_coupon_prefer鈥?span style="color: #000000;">
          },
          {
            field: 鈥樺急鈥?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榰se_coupon_prefer鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樺崱鍒稿亸濂解€?span style="color: #000000;">
      }
    ],
    value: 鈥樿喘涔板喅绛栧姩鍥犫€?span style="color: #000000;">
  },
  {
    field: 鈥榠p鈥?span style="color: #000000;">,
    item: [
      {
        field: 鈥榟ope_period_result鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樻湭鐭モ€?span style="color: #000000;">,
            parentid: 鈥榠p鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?1鈥?span style="color: #000000;">,
            tfield: 鈥榟ope_period_result鈥?span style="color: #000000;">
          },
          {
            field: 鈥樹笉鍖归厤鈥?span style="color: #000000;">,
            parentid: 鈥榠p鈥?span style="color: #000000;">,
            percent: 0.3,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榟ope_period_result鈥?span style="color: #000000;">
          },
          {
            field: 鈥樺尮閰嶁€?span style="color: #000000;">,
            parentid: 鈥榠p鈥?span style="color: #000000;">,
            percent: 0.5,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榟ope_period_result鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樻湡闄愬尮閰嶇粨鏋溾€?span style="color: #000000;">
      },
      {
        field: 鈥榟ope_period鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥橀暱鏈熷亸濂解€?span style="color: #000000;">,
            parentid: 鈥榠p鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?1鈥?span style="color: #000000;">,
            tfield: 鈥榟ope_period鈥?span style="color: #000000;">
          },
          {
            field: 鈥樹腑闀挎湡鍋忓ソ鈥?span style="color: #000000;">,
            parentid: 鈥榠p鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榟ope_period鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼煭鏈熷亸濂解€?span style="color: #000000;">,
            parentid: 鈥榠p鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榟ope_period鈥?span style="color: #000000;">
          },
          {
            field: 鈥樻瀬鐭湡鍋忓ソ鈥?span style="color: #000000;">,
            parentid: 鈥榠p鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?1鈥?span style="color: #000000;">,
            tfield: 鈥榟ope_period鈥?span style="color: #000000;">
          },
          {
            field: 鈥樻€ラ€熸祦鍔ㄦ€у亸濂解€?span style="color: #000000;">,
            parentid: 鈥榠p鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榟ope_period鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樻湡闄愬亸濂解€?span style="color: #000000;">
      }
    ],
    value: 鈥樻姇璧勫亸濂解€?span style="color: #000000;">
  },
  {
    field: 鈥榠tf鈥?span style="color: #000000;">,
    item: [
      {
        field: 鈥榠n_rank_year鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥榌0,30%)鈥?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榠n_rank_year鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌30%,50%)鈥?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榠n_rank_year鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌50%,70%)鈥?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榠n_rank_year鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌70%,90%)鈥?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榠n_rank_year鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌90%,100%)鈥?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榠n_rank_year鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樺悓涓€椋庨櫓绛夌骇鎺掑悕鈥?span style="color: #000000;">
      },
      {
        field: 鈥榗r_last_year_value鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樼瓑绾т竴鈥?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榗r_last_year_value鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾т簩鈥?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榗r_last_year_value鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾т笁鈥?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榗r_last_year_value鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾у洓鈥?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榗r_last_year_value鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾т簲鈥?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榗r_last_year_value鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樼患鍚堝疄闄呮敹鐩婄巼鈥?span style="color: #000000;">
      },
      {
        field: 鈥榬eal_rate_deviate_year鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樿繙鏈疄鐜扳€?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榬eal_rate_deviate_year鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼◢鏈疄鐜扳€?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榬eal_rate_deviate_year鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼◢瓒呮湡鏈涒€?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榬eal_rate_deviate_year鈥?span style="color: #000000;">
          },
          {
            field: 鈥樿秴鏈熸湜鈥?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榬eal_rate_deviate_year鈥?span style="color: #000000;">
          },
          {
            field: 鈥樿繙瓒呮湡鏈涒€?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榬eal_rate_deviate_year鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樺疄闄呮敹鐩婄巼鍋忕搴︹€?span style="color: #000000;">
      }
    ],
    value: 鈥樻姇璧勭洰鏍団€?span style="color: #000000;">
  },
  {
    field: 鈥榣f鈥?span style="color: #000000;">,
    item: [
      {
        field: 鈥榤ember_level鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥榁0鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥榁0鈥?span style="color: #000000;">,
            tfield: 鈥榤ember_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥榁1鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥榁1鈥?span style="color: #000000;">,
            tfield: 鈥榤ember_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥榁2鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥榁2鈥?span style="color: #000000;">,
            tfield: 鈥榤ember_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥榁3鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥榁3鈥?span style="color: #000000;">,
            tfield: 鈥榤ember_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥榁4鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥榁4鈥?span style="color: #000000;">,
            tfield: 鈥榤ember_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥榁5鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥榁5鈥?span style="color: #000000;">,
            tfield: 鈥榤ember_level鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樹細鍛樼瓑绾р€?span style="color: #000000;">
      },
      {
        field: 鈥榓ctivity_level鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥楢0鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥楢0鈥?span style="color: #000000;">,
            tfield: 鈥榓ctivity_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥楢1鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥楢1鈥?span style="color: #000000;">,
            tfield: 鈥榓ctivity_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥楢2鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥楢2鈥?span style="color: #000000;">,
            tfield: 鈥榓ctivity_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥楢3鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥楢3鈥?span style="color: #000000;">,
            tfield: 鈥榓ctivity_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥楢4鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥楢4鈥?span style="color: #000000;">,
            tfield: 鈥榓ctivity_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥楢5鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥楢5鈥?span style="color: #000000;">,
            tfield: 鈥榓ctivity_level鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樼櫥闄嗘椿璺冨害鈥?span style="color: #000000;">
      },
      {
        field: 鈥榩latform_age鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樻柊鎵嬧€?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榩latform_age鈥?span style="color: #000000;">
          },
          {
            field: 鈥樻鏂拌€佺敤鎴封€?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榩latform_age鈥?span style="color: #000000;">
          },
          {
            field: 鈥樿€佺敤鎴封€?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榩latform_age鈥?span style="color: #000000;">
          },
          {
            field: 鈥樿秴绾ц€佺敤鎴封€?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榩latform_age鈥?span style="color: #000000;">
          },
          {
            field: 鈥橀鐏扮骇鑰佺敤鎴封€?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榩latform_age鈥?span style="color: #000000;">
          },
          {
            field: 鈥橀鐏扮骇蹇犲疄鑰佺敤鎴封€?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榩latform_age鈥?span style="color: #000000;">
          },
          {
            field: 鈥樻湭鐭モ€?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?1鈥?span style="color: #000000;">,
            tfield: 鈥榩latform_age鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樺徃榫勨€?span style="color: #000000;">
      }
    ],
    value: 鈥樹細鍛樺睘鎬р€?span style="color: #000000;">
  },
  {
    field: 鈥榥f鈥?span style="color: #000000;">,
    item: [
      {
        field: 鈥榳ealth_stage鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樿储瀵岀疮绉樁娈碘€?span style="color: #000000;">,
            parentid: 鈥榥f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榳ealth_stage鈥?span style="color: #000000;">
          },
          {
            field: 鈥樿储瀵屽珐鍥洪樁娈碘€?span style="color: #000000;">,
            parentid: 鈥榥f鈥?span style="color: #000000;">,
            percent: 0.3,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榳ealth_stage鈥?span style="color: #000000;">
          },
          {
            field: 鈥樿储瀵屾敮鍑洪樁娈碘€?span style="color: #000000;">,
            parentid: 鈥榥f鈥?span style="color: #000000;">,
            percent: 0.3,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榳ealth_stage鈥?span style="color: #000000;">
          },
          {
            field: 鈥樺叾浠栭樁娈碘€?span style="color: #000000;">,
            parentid: 鈥榥f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榳ealth_stage鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樺勾榫勯樁娈碘€?span style="color: #000000;">
      },
      {
        field: 鈥榮ex鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樼敺鈥?span style="color: #000000;">,
            parentid: 鈥榥f鈥?span style="color: #000000;">,
            percent: 0.5,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榮ex鈥?span style="color: #000000;">
          },
          {
            field: 鈥樺コ鈥?span style="color: #000000;">,
            parentid: 鈥榥f鈥?span style="color: #000000;">,
            percent: 0.5,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榮ex鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樻€у埆鈥?span style="color: #000000;">
      },
      {
        field: 鈥榗onstellation鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樻懇缇骇鈥?span style="color: #000000;">,
            parentid: 鈥榥f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榗onstellation鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樻槦搴р€?span style="color: #000000;">
      }
    ],
    value: 鈥樺熀纭€灞炴€р€?span style="color: #000000;">
  },
  {
    field: 鈥榩a鈥?span style="color: #000000;">,
    item: [
      {
        field: 鈥榬isk_score_level鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樻湭鐭モ€?span style="color: #000000;">,
            parentid: 鈥榩a鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?1鈥?span style="color: #000000;">,
            tfield: 鈥榬isk_score_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥樺悎鐞嗏€?span style="color: #000000;">,
            parentid: 鈥榩a鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榬isk_score_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥樺亸浣庘€?span style="color: #000000;">,
            parentid: 鈥榩a鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榬isk_score_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥樺亸楂樷€?span style="color: #000000;">,
            parentid: 鈥榩a鈥?span style="color: #000000;">,
            percent: 0.4,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榬isk_score_level鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樿祫浜ч闄╁€肩瓑绾р€?span style="color: #000000;">
      },
      {
        field: 鈥榝_lose_money_rank_rate鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥榌0,30%)鈥?span style="color: #000000;">,
            parentid: 鈥榩a鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榝_lose_money_rank_rate鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌30%,50%)鈥?span style="color: #000000;">,
            parentid: 鈥榩a鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榝_lose_money_rank_rate鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌50%,70%)鈥?span style="color: #000000;">,
            parentid: 鈥榩a鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榝_lose_money_rank_rate鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌70%,90%)鈥?span style="color: #000000;">,
            parentid: 鈥榩a鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榝_lose_money_rank_rate鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌90%,100%)鈥?span style="color: #000000;">,
            parentid: 鈥榩a鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榝_lose_money_rank_rate鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樹釜浜鸿处鎴蜂綑棰濇崯澶辨敹鐩婂崰姣斺€?span style="color: #000000;">
      }
    ],
    value: 鈥樿处鎴峰垎鏋愨€?span style="color: #000000;">
  },
  {
    field: 鈥榬ia鈥?span style="color: #000000;">,
    item: [
      {
        field: 鈥榰ser_personas_e鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樼瓑绾т竴鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾т簩鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾т笁鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾у洓鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾т簲鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          }
        ],
        value: 鈥橀闄╂壙鍙楄兘鍔涒€?span style="color: #000000;">
      },
      {
        field: 鈥榗onsumer_low_moey鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樹綆鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥樹腑鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥橀珮鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥樿秴楂樷€?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥樺叧娉ㄢ€?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?1鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樺鎴风煭鏈熻祫閲戞綔鍔涒€?span style="color: #000000;">
      },
      {
        field: 鈥榝amily_inc_amt鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥?5涓囦互涓嬧€?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥榓鈥?span style="color: #000000;">
          },
          {
            field: 鈥?5-30涓囧厓鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥榖鈥?span style="color: #000000;">
          },
          {
            field: 鈥?0-50涓囧厓鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥榗鈥?span style="color: #000000;">
          },
          {
            field: 鈥?0-100涓囧厓鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥榙鈥?span style="color: #000000;">
          },
          {
            field: 鈥?00-500涓囧厓鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.1,
            value: 鈥榚鈥?span style="color: #000000;">
          },
          {
            field: 鈥?00涓囦互涓娾€?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.1,
            value: 鈥榝鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樺搴敹鍏モ€?span style="color: #000000;">
      }
    ],
    value: 鈥橀闄╂壙鍙楄兘鍔涒€?span style="color: #000000;">
  },
  {
    field: 鈥榬t鈥?span style="color: #000000;">,
    item: [
      {
        field: 鈥樷€?span style="color: #000000;">,
        item: [
          {
            field: 鈥樼瓑绾т竴鈥?span style="color: #000000;">,
            parentid: 鈥榬t鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾т簩鈥?span style="color: #000000;">,
            parentid: 鈥榬t鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾т笁鈥?span style="color: #000000;">,
            parentid: 鈥榬t鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾у洓鈥?span style="color: #000000;">,
            parentid: 鈥榬t鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾т簲鈥?span style="color: #000000;">,
            parentid: 鈥榬t鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          }
        ],
        value: 鈥橀闄╁蹇嶇瓑绾р€?span style="color: #000000;">
      },
      {
        field: 鈥榰ser_risk_rating鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樹繚瀹堝瀷鈥?span style="color: #000000;">,
            parentid: 鈥榬t鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?R鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼ǔ鍋ュ瀷鈥?span style="color: #000000;">,
            parentid: 鈥榬t鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?R鈥?span style="color: #000000;">
          },
          {
            field: 鈥樺钩琛″瀷鈥?span style="color: #000000;">,
            parentid: 鈥榬t鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?R鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼Н鏋佸瀷鈥?span style="color: #000000;">,
            parentid: 鈥榬t鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?R鈥?span style="color: #000000;">
          },
          {
            field: 鈥樻縺杩涘瀷鈥?span style="color: #000000;">,
            parentid: 鈥榬t鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?R鈥?span style="color: #000000;">
          }
        ],
        value: 鈥橀闄╂祴璇勭瓑绾р€?span style="color: #000000;">
      }
    ],
    value: 鈥橀闄╁蹇嶅害鈥?span style="color: #000000;">
  }
];
View Code

濡備笂浠ｇ爜锛屽紑鍙戠粰鐨勬暟鎹紝姣斿濡備笂鏁版嵁涓殑 “閭€璇风被鍨?rdquo; 閲岄潰鐨勬暟鎹紝item鏁扮粍閲岄潰鏄竴涓釜鐨勫悓绾ч」锛屼篃灏辨槸骞跺垪椤癸紝浣嗘槸鍦‥chars涓お闃冲浘涓簲璇ユ槸涓€涓爲褰㈢粨鏋勶紝涔熷氨鏄埗鑺傜偣宓屽瀛愯妭鐐癸紝渚濇寰幆涓嬪幓锛屾瘮濡傚紑鍙戠粰鐨勬暟鎹槸锛?/p> 

item: [
      {
        field: 鈥榠nvite_type鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樻湭鐭モ€?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.2,
            value: -1,
            tfield: 鈥榠nvite_type鈥?span style="color: #000000;">
          },
          {
            field: 鈥樻祦閲忔笭閬撯€?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.5,
            value: 0,
            tfield: 鈥榠nvite_type鈥?span style="color: #000000;">
          },
          {
            field: 鈥橀個璇封€?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.3,
            value: 1,
            tfield: 鈥榠nvite_type鈥?span style="color: #000000;">
          }
        ],
        value: 鈥橀個璇风被鍨嬧€?span style="color: #000000;">
      }
]

瀹為檯涓婃垜浠渶瑕佹妸瀹冭浆鎹㈡垚杩欐牱鐨勶細濡備笅锛?/p> 

[{
  "name": "閭€璇风被鍨?,
  "itemStyle": {
    "color": "#5191d4"
  },
  "children": [
  {
    "itemStyle": {
      "color": "#777"
    },
    "children": [{
      "id": 0,
      "name": "鏈煡",
      "children": [{
        "id": 1,
        "name": "娴侀噺娓犻亾",
        "children": [{
          "id": 2,
          "name": "閭€璇?,
          "children": [],
          "value": 1,
          "itemStyle": {
            "color": "#777"
          },
          "label": {
            "rotate": "tangential"
          }
        }],
        "value": 1,
        "itemStyle": {
          "color": "#777"
        },
        "label": {
          "rotate": "tangential"
        }
      }],
      "value": 1,
      "itemStyle": {
        "color": "#777"
      },
      "label": {
        "rotate": "tangential"
      }
    }
  ]
}]

鍏蜂綋濡備綍杞彲浠ョ湅鎴?a style="color: red; font-size: 16px;" href="https://www.cnblogs.com/tugenhua0707/p/9275958.html" target="_blank">涓婄瘒鏂囩珷锛?/p>

鍥犳鏈変簡杩欎簺鍩虹鍚庯紝鎴戜滑灏卞彲浠ュ寮€鍙戠粰鐨勬暟鎹粨鏋勬潵缁勬垚鎴戜滑鑷繁闇€瑕佺殑echarts涓殑鏁版嵁缁撴瀯锛屼篃灏辨槸for寰幆閬嶅巻锛岀劧鍚庣粍鎴愬搴斿€硷紝鍏蜂綋浠ｇ爜鐪嬪涓嬶細

鎶€鏈垎浜浘鐗? id= 
var datas = [
  {
    field: 鈥榙r鈥?span style="color: #000000;">,
    item: [
      {
        field: 鈥榠nvite_type鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樻湭鐭モ€?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.2,
            value: -1,
            tfield: 鈥榠nvite_type鈥?span style="color: #000000;">
          },
          {
            field: 鈥樻祦閲忔笭閬撯€?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.5,
            value: 0,
            tfield: 鈥榠nvite_type鈥?span style="color: #000000;">
          },
          {
            field: 鈥橀個璇封€?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.3,
            value: 1,
            tfield: 鈥榠nvite_type鈥?span style="color: #000000;">
          }
        ],
        value: 鈥橀個璇风被鍨嬧€?span style="color: #000000;">
      },
      {
        field: 鈥榰se_coupon_rate_rank鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥榌0,30%)鈥?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榰se_coupon_rate_rank鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌30%,50%)鈥?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榰se_coupon_rate_rank鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌50%,70%)鈥?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榰se_coupon_rate_rank鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌70%,90%)鈥?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榰se_coupon_rate_rank鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌90%,100%)鈥?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榰se_coupon_rate_rank鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樺崱鍒镐娇鐢ㄧ巼鎺掑悕鈥?span style="color: #000000;">
      },
      {
        field: 鈥榰se_coupon_prefer鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樻湭鐭モ€?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榰se_coupon_prefer鈥?span style="color: #000000;">
          },
          {
            field: 鈥樺己鈥?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榰se_coupon_prefer鈥?span style="color: #000000;">
          },
          {
            field: 鈥樺急鈥?span style="color: #000000;">,
            parentid: 鈥榙r鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榰se_coupon_prefer鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樺崱鍒稿亸濂解€?span style="color: #000000;">
      }
    ],
    value: 鈥樿喘涔板喅绛栧姩鍥犫€?span style="color: #000000;">
  },
  {
    field: 鈥榠p鈥?span style="color: #000000;">,
    item: [
      {
        field: 鈥榟ope_period_result鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樻湭鐭モ€?span style="color: #000000;">,
            parentid: 鈥榠p鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?1鈥?span style="color: #000000;">,
            tfield: 鈥榟ope_period_result鈥?span style="color: #000000;">
          },
          {
            field: 鈥樹笉鍖归厤鈥?span style="color: #000000;">,
            parentid: 鈥榠p鈥?span style="color: #000000;">,
            percent: 0.3,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榟ope_period_result鈥?span style="color: #000000;">
          },
          {
            field: 鈥樺尮閰嶁€?span style="color: #000000;">,
            parentid: 鈥榠p鈥?span style="color: #000000;">,
            percent: 0.5,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榟ope_period_result鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樻湡闄愬尮閰嶇粨鏋溾€?span style="color: #000000;">
      },
      {
        field: 鈥榟ope_period鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥橀暱鏈熷亸濂解€?span style="color: #000000;">,
            parentid: 鈥榠p鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?1鈥?span style="color: #000000;">,
            tfield: 鈥榟ope_period鈥?span style="color: #000000;">
          },
          {
            field: 鈥樹腑闀挎湡鍋忓ソ鈥?span style="color: #000000;">,
            parentid: 鈥榠p鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榟ope_period鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼煭鏈熷亸濂解€?span style="color: #000000;">,
            parentid: 鈥榠p鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榟ope_period鈥?span style="color: #000000;">
          },
          {
            field: 鈥樻瀬鐭湡鍋忓ソ鈥?span style="color: #000000;">,
            parentid: 鈥榠p鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?1鈥?span style="color: #000000;">,
            tfield: 鈥榟ope_period鈥?span style="color: #000000;">
          },
          {
            field: 鈥樻€ラ€熸祦鍔ㄦ€у亸濂解€?span style="color: #000000;">,
            parentid: 鈥榠p鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榟ope_period鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樻湡闄愬亸濂解€?span style="color: #000000;">
      }
    ],
    value: 鈥樻姇璧勫亸濂解€?span style="color: #000000;">
  },
  {
    field: 鈥榠tf鈥?span style="color: #000000;">,
    item: [
      {
        field: 鈥榠n_rank_year鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥榌0,30%)鈥?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榠n_rank_year鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌30%,50%)鈥?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榠n_rank_year鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌50%,70%)鈥?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榠n_rank_year鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌70%,90%)鈥?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榠n_rank_year鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌90%,100%)鈥?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榠n_rank_year鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樺悓涓€椋庨櫓绛夌骇鎺掑悕鈥?span style="color: #000000;">
      },
      {
        field: 鈥榗r_last_year_value鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樼瓑绾т竴鈥?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榗r_last_year_value鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾т簩鈥?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榗r_last_year_value鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾т笁鈥?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榗r_last_year_value鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾у洓鈥?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榗r_last_year_value鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾т簲鈥?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榗r_last_year_value鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樼患鍚堝疄闄呮敹鐩婄巼鈥?span style="color: #000000;">
      },
      {
        field: 鈥榬eal_rate_deviate_year鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樿繙鏈疄鐜扳€?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榬eal_rate_deviate_year鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼◢鏈疄鐜扳€?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榬eal_rate_deviate_year鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼◢瓒呮湡鏈涒€?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榬eal_rate_deviate_year鈥?span style="color: #000000;">
          },
          {
            field: 鈥樿秴鏈熸湜鈥?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榬eal_rate_deviate_year鈥?span style="color: #000000;">
          },
          {
            field: 鈥樿繙瓒呮湡鏈涒€?span style="color: #000000;">,
            parentid: 鈥榠tf鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榬eal_rate_deviate_year鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樺疄闄呮敹鐩婄巼鍋忕搴︹€?span style="color: #000000;">
      }
    ],
    value: 鈥樻姇璧勭洰鏍団€?span style="color: #000000;">
  },
  {
    field: 鈥榣f鈥?span style="color: #000000;">,
    item: [
      {
        field: 鈥榤ember_level鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥榁0鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥榁0鈥?span style="color: #000000;">,
            tfield: 鈥榤ember_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥榁1鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥榁1鈥?span style="color: #000000;">,
            tfield: 鈥榤ember_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥榁2鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥榁2鈥?span style="color: #000000;">,
            tfield: 鈥榤ember_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥榁3鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥榁3鈥?span style="color: #000000;">,
            tfield: 鈥榤ember_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥榁4鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥榁4鈥?span style="color: #000000;">,
            tfield: 鈥榤ember_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥榁5鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥榁5鈥?span style="color: #000000;">,
            tfield: 鈥榤ember_level鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樹細鍛樼瓑绾р€?span style="color: #000000;">
      },
      {
        field: 鈥榓ctivity_level鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥楢0鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥楢0鈥?span style="color: #000000;">,
            tfield: 鈥榓ctivity_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥楢1鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥楢1鈥?span style="color: #000000;">,
            tfield: 鈥榓ctivity_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥楢2鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥楢2鈥?span style="color: #000000;">,
            tfield: 鈥榓ctivity_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥楢3鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥楢3鈥?span style="color: #000000;">,
            tfield: 鈥榓ctivity_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥楢4鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥楢4鈥?span style="color: #000000;">,
            tfield: 鈥榓ctivity_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥楢5鈥?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥楢5鈥?span style="color: #000000;">,
            tfield: 鈥榓ctivity_level鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樼櫥闄嗘椿璺冨害鈥?span style="color: #000000;">
      },
      {
        field: 鈥榩latform_age鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樻柊鎵嬧€?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榩latform_age鈥?span style="color: #000000;">
          },
          {
            field: 鈥樻鏂拌€佺敤鎴封€?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榩latform_age鈥?span style="color: #000000;">
          },
          {
            field: 鈥樿€佺敤鎴封€?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榩latform_age鈥?span style="color: #000000;">
          },
          {
            field: 鈥樿秴绾ц€佺敤鎴封€?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榩latform_age鈥?span style="color: #000000;">
          },
          {
            field: 鈥橀鐏扮骇鑰佺敤鎴封€?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榩latform_age鈥?span style="color: #000000;">
          },
          {
            field: 鈥橀鐏扮骇蹇犲疄鑰佺敤鎴封€?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榩latform_age鈥?span style="color: #000000;">
          },
          {
            field: 鈥樻湭鐭モ€?span style="color: #000000;">,
            parentid: 鈥榣f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?1鈥?span style="color: #000000;">,
            tfield: 鈥榩latform_age鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樺徃榫勨€?span style="color: #000000;">
      }
    ],
    value: 鈥樹細鍛樺睘鎬р€?span style="color: #000000;">
  },
  {
    field: 鈥榥f鈥?span style="color: #000000;">,
    item: [
      {
        field: 鈥榳ealth_stage鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樿储瀵岀疮绉樁娈碘€?span style="color: #000000;">,
            parentid: 鈥榥f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榳ealth_stage鈥?span style="color: #000000;">
          },
          {
            field: 鈥樿储瀵屽珐鍥洪樁娈碘€?span style="color: #000000;">,
            parentid: 鈥榥f鈥?span style="color: #000000;">,
            percent: 0.3,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榳ealth_stage鈥?span style="color: #000000;">
          },
          {
            field: 鈥樿储瀵屾敮鍑洪樁娈碘€?span style="color: #000000;">,
            parentid: 鈥榥f鈥?span style="color: #000000;">,
            percent: 0.3,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榳ealth_stage鈥?span style="color: #000000;">
          },
          {
            field: 鈥樺叾浠栭樁娈碘€?span style="color: #000000;">,
            parentid: 鈥榥f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榳ealth_stage鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樺勾榫勯樁娈碘€?span style="color: #000000;">
      },
      {
        field: 鈥榮ex鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樼敺鈥?span style="color: #000000;">,
            parentid: 鈥榥f鈥?span style="color: #000000;">,
            percent: 0.5,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榮ex鈥?span style="color: #000000;">
          },
          {
            field: 鈥樺コ鈥?span style="color: #000000;">,
            parentid: 鈥榥f鈥?span style="color: #000000;">,
            percent: 0.5,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榮ex鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樻€у埆鈥?span style="color: #000000;">
      },
      {
        field: 鈥榗onstellation鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樻懇缇骇鈥?span style="color: #000000;">,
            parentid: 鈥榥f鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榗onstellation鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樻槦搴р€?span style="color: #000000;">
      }
    ],
    value: 鈥樺熀纭€灞炴€р€?span style="color: #000000;">
  },
  {
    field: 鈥榩a鈥?span style="color: #000000;">,
    item: [
      {
        field: 鈥榬isk_score_level鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樻湭鐭モ€?span style="color: #000000;">,
            parentid: 鈥榩a鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?1鈥?span style="color: #000000;">,
            tfield: 鈥榬isk_score_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥樺悎鐞嗏€?span style="color: #000000;">,
            parentid: 鈥榩a鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榬isk_score_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥樺亸浣庘€?span style="color: #000000;">,
            parentid: 鈥榩a鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榬isk_score_level鈥?span style="color: #000000;">
          },
          {
            field: 鈥樺亸楂樷€?span style="color: #000000;">,
            parentid: 鈥榩a鈥?span style="color: #000000;">,
            percent: 0.4,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榬isk_score_level鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樿祫浜ч闄╁€肩瓑绾р€?span style="color: #000000;">
      },
      {
        field: 鈥榝_lose_money_rank_rate鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥榌0,30%)鈥?span style="color: #000000;">,
            parentid: 鈥榩a鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榝_lose_money_rank_rate鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌30%,50%)鈥?span style="color: #000000;">,
            parentid: 鈥榩a鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榝_lose_money_rank_rate鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌50%,70%)鈥?span style="color: #000000;">,
            parentid: 鈥榩a鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榝_lose_money_rank_rate鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌70%,90%)鈥?span style="color: #000000;">,
            parentid: 鈥榩a鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榝_lose_money_rank_rate鈥?span style="color: #000000;">
          },
          {
            field: 鈥榌90%,100%)鈥?span style="color: #000000;">,
            parentid: 鈥榩a鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">,
            tfield: 鈥榝_lose_money_rank_rate鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樹釜浜鸿处鎴蜂綑棰濇崯澶辨敹鐩婂崰姣斺€?span style="color: #000000;">
      }
    ],
    value: 鈥樿处鎴峰垎鏋愨€?span style="color: #000000;">
  },
  {
    field: 鈥榬ia鈥?span style="color: #000000;">,
    item: [
      {
        field: 鈥榰ser_personas_e鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樼瓑绾т竴鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾т簩鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾т笁鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾у洓鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾т簲鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          }
        ],
        value: 鈥橀闄╂壙鍙楄兘鍔涒€?span style="color: #000000;">
      },
      {
        field: 鈥榗onsumer_low_moey鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樹綆鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥樹腑鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥橀珮鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥樿秴楂樷€?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥樺叧娉ㄢ€?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?1鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樺鎴风煭鏈熻祫閲戞綔鍔涒€?span style="color: #000000;">
      },
      {
        field: 鈥榝amily_inc_amt鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥?5涓囦互涓嬧€?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥榓鈥?span style="color: #000000;">
          },
          {
            field: 鈥?5-30涓囧厓鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥榖鈥?span style="color: #000000;">
          },
          {
            field: 鈥?0-50涓囧厓鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥榗鈥?span style="color: #000000;">
          },
          {
            field: 鈥?0-100涓囧厓鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥榙鈥?span style="color: #000000;">
          },
          {
            field: 鈥?00-500涓囧厓鈥?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.1,
            value: 鈥榚鈥?span style="color: #000000;">
          },
          {
            field: 鈥?00涓囦互涓娾€?span style="color: #000000;">,
            parentid: 鈥榬ia鈥?span style="color: #000000;">,
            percent: 0.1,
            value: 鈥榝鈥?span style="color: #000000;">
          }
        ],
        value: 鈥樺搴敹鍏モ€?span style="color: #000000;">
      }
    ],
    value: 鈥橀闄╂壙鍙楄兘鍔涒€?span style="color: #000000;">
  },
  {
    field: 鈥榬t鈥?span style="color: #000000;">,
    item: [
      {
        field: 鈥樷€?span style="color: #000000;">,
        item: [
          {
            field: 鈥樼瓑绾т竴鈥?span style="color: #000000;">,
            parentid: 鈥榬t鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾т簩鈥?span style="color: #000000;">,
            parentid: 鈥榬t鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾т笁鈥?span style="color: #000000;">,
            parentid: 鈥榬t鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾у洓鈥?span style="color: #000000;">,
            parentid: 鈥榬t鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼瓑绾т簲鈥?span style="color: #000000;">,
            parentid: 鈥榬t鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?鈥?span style="color: #000000;">
          }
        ],
        value: 鈥橀闄╁蹇嶇瓑绾р€?span style="color: #000000;">
      },
      {
        field: 鈥榰ser_risk_rating鈥?span style="color: #000000;">,
        item: [
          {
            field: 鈥樹繚瀹堝瀷鈥?span style="color: #000000;">,
            parentid: 鈥榬t鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?R鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼ǔ鍋ュ瀷鈥?span style="color: #000000;">,
            parentid: 鈥榬t鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?R鈥?span style="color: #000000;">
          },
          {
            field: 鈥樺钩琛″瀷鈥?span style="color: #000000;">,
            parentid: 鈥榬t鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?R鈥?span style="color: #000000;">
          },
          {
            field: 鈥樼Н鏋佸瀷鈥?span style="color: #000000;">,
            parentid: 鈥榬t鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?R鈥?span style="color: #000000;">
          },
          {
            field: 鈥樻縺杩涘瀷鈥?span style="color: #000000;">,
            parentid: 鈥榬t鈥?span style="color: #000000;">,
            percent: 0.2,
            value: 鈥?R鈥?span style="color: #000000;">
          }
        ],
        value: 鈥橀闄╂祴璇勭瓑绾р€?span style="color: #000000;">
      }
    ],
    value: 鈥橀闄╁蹇嶅害鈥?span style="color: #000000;">
  }
];
// 灞炴€ч厤缃缃?/span>
let attr = {
  id: 鈥榠d鈥?span style="color: #000000;">,
  parendId: 鈥榩Id鈥?span style="color: #000000;">,
  name: 鈥榝ield鈥?span style="color: #000000;">,
  rootId: -1
};
function toTreeData(data, attr) {
  let tree = [];
  let resData = data;
  for (let i = 0; i < resData.length; i++) {
    if (resData[i][attr.parendId] === attr.rootId) {
      let obj = {
        id: resData[i][attr.id],
        name: resData[i][attr.name],
        children: [],
        value: 1,
        itemStyle: {
          color: 鈥?777鈥?span style="color: #000000;">
        },
        label: {
          rotate: 鈥榯angential鈥?span style="color: #000000;">
        }
      };
      tree.push(obj);
      resData.splice(i, 1);
      i--;
    }
  }
  var run = function(treeArrs) {
    if (resData.length > 0) {
      for (let i = 0; i < treeArrs.length; i++) {
        for (let j = 0; j < resData.length; j++) {
          if (treeArrs[i].id === resData[j][attr.parendId]) {
            let obj = {
              id: resData[j][attr.id],
              name: resData[j][attr.name],
              children: [],
              value: 1,
              itemStyle: {
                color: 鈥?777鈥?span style="color: #000000;">
              },
              label: {
                rotate: 鈥榯angential鈥?span style="color: #000000;">
              }
            };
            treeArrs[i].children.push(obj);
            resData.splice(j, 1);
            j--;
          }
        }
        run(treeArrs[i].children);
      }
    }
  };
  run(tree);
  return tree;
}

for (let i = 0; i < datas.length; i++) {
  datas[i].name = datas[i].value;
  datas[i].itemStyle = {};
  datas[i].itemStyle.color = 鈥?777鈥?span style="color: #000000;">;
  let items = datas[i].item;
  datas[i].children = [];
  for (let j = 0; j < items.length; j++) {
    const curItems = items[j].item;
    if (curItems && curItems.length > 0) {
      for(let k = 0; k < curItems.length; k++) {
        if (k === 0) {
          curItems[k].pId = -1;
          curItems[k].id = k;
        } else {
          curItems[k].pId = k - 1;
          curItems[k].id = k;
        }
      }
    }
    let arr = toTreeData(curItems, attr);
    datas[i].children.push({
      name: items[j].value,
      itemStyle: {
        color: 鈥?5191d4鈥?span style="color: #000000;">,
      },
      children: [
        {
          itemStyle: {
            color: 鈥?777鈥?span style="color: #000000;">
          },
          children: arr
        }
      ]
    });
  }
};
console.log(datas);
var option = {
  title: {
    text: 鈥樻祴璇曟爣棰樷€?span style="color: #000000;">,
    subtext: 鈥樹釜浜鸿处鎴疯祫浜у垎鏋愭槑缁嗏€?span style="color: #000000;">,
    textStyle: {
      fontSize: 12,
      align: 鈥榗enter鈥?span style="color: #000000;">
    },
    subtextStyle: {
      align: 鈥榗enter鈥?span style="color: #000000;">
    }
  },
  series: {
    type: 鈥榮unburst鈥?span style="color: #000000;">,
    center: [鈥?0%鈥? 鈥?0%鈥?span style="color: #000000;">],
    highlightPolicy: 鈥榓ncestor鈥?span style="color: #000000;">,
    data: datas,
    radius: [鈥?%鈥? 鈥?2%鈥?span style="color: #000000;">],
    sort: null,
    label: {
      fontSize: 10,
      padding: 0
    },
    // 鏄竴涓暟缁勶紝绗?椤硅〃绀烘暟鎹笅閽诲悗杩斿洖涓婄骇鐨勫浘褰紝鍏跺悗鐨勬瘡涓€椤瑰垎鍒粠鍦嗗績鍚戝灞傜殑灞傜骇
    levels: [
      // 鐣欑粰鏁版嵁涓嬮捇鐐圭殑绌虹櫧閰嶇疆
      {}, 
      // 鏈€闈犲唴娴嬬殑绗竴灞?
      {
        r0: 鈥?5%鈥?span style="color: #000000;">,
        r: 鈥?0%鈥?span style="color: #000000;">,
        itemStyle: {
          borderWidth: 1
        },
        label: {
          rotate: 鈥榯angential鈥?span style="color: #000000;">
        }
      }, 
      // 鏈€闈犲唴娴嬬殑绗簩灞?
      {
        r0: 鈥?2%鈥?span style="color: #000000;">,
        r: 鈥?00%鈥?span style="color: #000000;">,
        itemStyle: {
          borderWidth: 1
        },
        label: {
          align: 鈥榗enter鈥?span style="color: #000000;">,
          rotate: 鈥榯angential鈥?span style="color: #000000;">,
          padding: 1,
          silent: true
        }
      }, 
      // 鏈€闈犲唴娴嬬殑绗笁灞?
      {
        r0: 鈥?0%鈥?span style="color: #000000;">,
        r: 鈥?0%鈥?span style="color: #000000;">,
        label: {
          position: 鈥榠nside鈥?span style="color: #000000;">,
          padding: 3,
          silent: false
        }
      }

    ]
  }
};
// 鍩轰簬鍑嗗濂界殑dom锛屽垵濮嬪寲echarts瀹炰緥
var myChart = echarts.init(document.getElementById(鈥榤ultMapId鈥?span style="color: #000000;">));
// 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆?/span>
myChart.setOption(option);
View Code

HTML浠ｇ爜濡備笅寮曠敤鍗冲彲锛?/p> 

<!DOCTYPE html>
<html>
<head>
  <title>xxxx</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
</head>
<body>
  <div id="multMapId" style="width: 800px;height:800px; margin: 20px auto 0"></div>

  <script type="text/javascript" src="./echarts4.x.js"></script>
  <script src="./index3.js" type="text/javascript"></script>
</body>
</html>

github涓殑demo璇锋煡鐪?/a>

以上是关于Echarts涓お闃冲浘锛圫unburst锛夌殑瀹炰緥的主要内容，如果未能解决你的问题，请参考以下文章

浠庨浂璁茶ВHTTP鍗忚

涓€鍙ヨ瘽璇勮璁捐妯″紡鍏ぇ鍘熷垯

銆愮‖璐с€憊ue鍏ㄥ妗?Echarts+鐧惧害鍦板浘锛屾惌寤烘暟鎹彲瑙嗗寲绯荤粺