d3.js——集群图的绘制

AryaoO

于 2016-04-26 16:48:12 发布

阅读量2k

点赞数 1

分类专栏：前端开发——D3 前端开发基础文章标签：集群图 cluster diagonal d3.json d3.js

本文链接：https://blog.youkuaiyun.com/Selina_Chan/article/details/51251730

版权

本文档介绍如何使用d3.js库来绘制集群图，主要涉及数据转换函数cluster的定义，以及d3.json和diagonal方法的应用。通过加载city.json数据源，详细阐述了绘制过程的前期准备工作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

数据源：city.json：

{
  "name":"中国",
  "children":
  [
    {
      "name":"浙江" ,
      "children":
      [
        {"name":"杭州" },
        {"name":"宁波" },
        {"name":"温州" },
        {"name":"绍兴" }
      ]
    },

    {
      "name":"广西" ,
      "children":
      [
        {
          "name":"桂林",
          "children":
          [
            {"name":"秀峰区"},
            {"name":"叠彩区"},
            {"name":"象山区"},
            {"name":"七星区"}
          ]
        },
        {"name":"南宁"},
        {"name":"柳州"},
        {"name":"防城港"}
      ]
    },

    {
      "name":"黑龙江",
      "children":
      [
        {"name":"哈尔滨"

最低0.47元/天解锁文章