d3垂直条形图

Question

我该如何绘制这样的图表？
我有数据（例如）：

{
  "USA": {
    "value": 10,
    "companies": [ "Apple", "Google" ],
    "color": "red"
  },
  "Germany": {
    "value": 3,
    "companies": [ "SAP" ],
    "color": "green"
  }
}

＆＃34;值＆＃34;是左边。
＆＃34;公司＆＃34;是为了正确的一面 ＆＃34;值＆＃34; ！=＆＃34; compnaies＆＃34;长度。

我无法弄清楚我必须使用哪种图表 我会尝试hierarchy，但它必须只有一个根。

Answer 1

我做了一个小poc但是我不确定你想要什么，所以我不能再进一步了解请看看这个：https://jsfiddle.net/z9bcfdvk/ 我使用了您提供的数据库并添加了一个条目： 如果您想了解更多细节，请与我们联系。

var data = [
        {
            country: "USA",
            "value": 10,
            companies: ["Apple", "Google"],
            "color": "#123445"
        },
        {
            country: "Germany",
            "value":
                3,
            companies:
                ["SAP"],
            "color":
                "#987456"
        }, {
            country: "France",
            "value":
                1,
            companies:
                ["RENAULT"],
            "color":
                "#8b9838"
        }
    ]