d3垂直条形图答案

【问题标题】：d3 vertical bar chartd3垂直条形图
【发布时间】：2017-02-15 06:27:54
【问题描述】：

我怎样才能画出这样的图表？
我有数据（例如）：

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

“值”用于左侧。
“公司”代表右侧。
“价值”！=“公司”长度。

我不知道我必须使用哪种图表。
我会试试hierarchy，但它必须只有一个根。

【问题讨论】：

这是一个非常有趣的问题！可以在没有任何层次结构的情况下制作图表。不幸的是，对于 S.O.，它太宽泛了。除此之外，它需要大量的代码，而且我怀疑这里的任何人都会免费制作它（我的意思是，我不会）。不过祝你好运。
@GerardoFurtado 我只是想给我一个方向，无论如何，谢谢你的评论

标签： javascript d3.js charts

【解决方案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"
        }
    ]

【讨论】：