d3垂直条形图

如何绘制这样的图表？
我有数据（例如）：d3垂直条形图

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

“值” 是用于左侧。
“公司”是在右侧。
“值”！=“compnaies”长度。

我不知道我必须使用什么样的图。
我会尝试hierarchy，但它必须只有一个根。

来源

2017-02-15 ostapische

这是一个非常有趣的问题！该图表可以没有任何层次结构。不幸的是，它对于S.O来说太宽泛了。除此之外，它将需要很多代码，我怀疑这里有人会免费（我的意思是，我不会）。祝你好运，但。 –

@GerardoFurtado我只想给我指示，无论如何，感谢评论 – ostapische

我做了一个小的POC，但我不知道你想要什么，所以我不能真正得到更进一步，请在此我们来看一看：https://jsfiddle.net/z9bcfdvk/ 我用你提供的dataser并添加一个条目：让我知道你是否想要更多的细节。

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" 
     } 
    ]

来源

2017-11-29 10:06:52

回答

相关问题