如何繪製一個簡單的條形圖，每個條的顏色是不同的？

Question

酒窩網頁示出了示例[1]的簡單條形圖的其中兩個，x值和y值來自兩個變量：

[{x:<height val>, y:<bar location>}, 
{x:<height val>, y:<bar location>}, 
{x:<height val>, y:<bar location>}, 
{x:<height val>, y:<bar location>}] 

該圖表顯示一個杆爲陣列中的每個元素和所述位置和高度由該元素描述。這似乎認爲會有大量的酒吧，並且似乎沒有給每個酒吧（也是圖例中的不同條目）賦予不同的顏色的方式。

我的數據看起來更像是這樣的：

{jimmy:26, tommy:34, jenny:54, bobby:12} 

我想顯示的圖表有四間酒吧，用不同顏色的各條。我希望能夠添加顏色與名稱相對應的圖例。

我該怎麼做？我搞砸了添加一個非空的addSeries參數，但我不能讓它顯示兩個以上的值。有任何想法嗎？

[1] http://dimplejs.org/examples_viewer.html?id=bars_vertical

Answer 1

這裏是一個plunker與您正在尋找的解決方案...下面的鍵碼補充：

var names = myChart.addSeries(["name"], dimple.plot.bar); 
myChart.addLegend(10, 50, 510, 20, "middle", [names]);