D3.js 如何绘制一个简单的条形图，其中每个条形图的颜色不同？

Dimple的网站展示了一个简单条形图的示例[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>}]

我想显示一个有四个条的图表，每个条有不同的颜色。我希望能够添加一个图例，其中颜色对应于名称

我该怎么做？我添加了一个非空的addSeries参数，但是我不能让它显示两个以上的值。有什么想法吗

[1]

以下是您正在寻找的解决方案的一个示例，其中添加了以下关键代码：

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

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