javascript - d3 垂直条形图

Question

如何绘制这样的图表？
我有数据(例如):

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

“值”用于左侧。
“公司”代表右边。
"value"!= "compnaies"长度。

我不知道我必须使用哪种图表。
我会试试 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"
        }
    ]