如何绘制一个简单的条形图，其中每个条具有不同的颜色？答案

【问题标题】：How to draw a simple bar chart where each bar is of different color?如何绘制一个简单的条形图，其中每个条具有不同的颜色？
【发布时间】：2014-04-18 04:29:32
【问题描述】：

Dimple 的网站显示了一个简单条形图的示例 [1]，其中xvalues 和 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】：

这里有一个plunker，其中包含您正在寻找的解决方案...在下面添加了关键代码：

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

【讨论】：