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

回答

相關問題