Question

我刚刚开始使用d3.js，到目前为止，在图书馆和我试图学习这一点的同时，我感到印象非常深刻。

我无法绕过组织数据的最佳方式。我可以在简单的饼图上找到的每个示例与其数据的结构略有不同。我想要做的事情我觉得很简单。我会在这里列出我的所有目标，尽管主要问题仍然是数据组织。

我有两组数据，一组是世界名称映射的世界ID：

{ "0": "Worldwide", "104": "Antonia Bayle", "312": "Harla Dar" }

另一个数据集包含一些关于这些数据的数据，在这种情况下，每个服务器的神灵崇拜，其中一些看起来像：

{
  "312": {
    "Bristlebane":199,
    "Solusek Ro":160,
    "The Tribunal":144,
    "Rallos Zek":143,
    "Karana":75,
    "Tunare":68,
    "Rodcet Nife":56,
    "Innoruuk":43,
    "Bertoxxulous":40,
    "Mithaniel Marr":36,
    "Anashti Sul":32,
    "Brell Serilis":31,
    "Cazic-Thule":28,
    "Quellious":12
  }, "0": {
    "Bristlebane":12505,
    "Solusek Ro":12193,
    "Rallos Zek":7718,
    "Tunare":7135,
    "Mithaniel Marr":5950,
    "Karana":5456,
    "Anashti Sul":5083,
    "The Tribunal":4851,
    "Bertoxxulous":4203,
    "Rodcet Nife":3684,
    "Innoruuk":3430,
    "Quellious":2211,
    "Brell Serilis":1782,
    "Cazic-Thule":1569
  } ...

我想要做的是在<select>中列出世界名称，当选择该名称时，会为该选择呈现饼图（更有可能是甜甜圈）。我还想标记这些碎片，但这可能是另一个问题，稍后。：）

我可以看到将格式转换为以下内容的一些实用工具：

{
  "0": {
    label: "Worldwide",
    values: [
      { label: "Bristlebane", value: 12505},
      {...},
    ]
  }
}

但是我很欣赏有关d3使用“最简单”的建议，所以我不会与系统作斗争。

基于<select> </select>更改数据的简单饼图的数据组织

0 个答案: