legend - 如何按主题对图例元素进行分组？

Question

有一个包含许多类别的酒窝堆积条形图。

该系列作为一个整体添加，并且“自动”生成图例：

var s = myChart.addSeries("categorie", dimple.plot.bar);
(...)
myChart.addLegend(0, 0, 1000, 100, "right");

具有与类别匹配的条目的图例有点混乱，看起来像：

"potatoes", "beef", "apples", "chicken", "pears", "carrots".

我想（手动）按主题接近度对图例条目进行分组：

• "carrots", "potatoes"
• "apple","pears"

Dimple 的源代码显示该.addLegend()方法接受一个可选series参数：

.addLegend = function (x, y, width, height, horizontalAlign, series) {...}

更多信息在wiki中给出。

我希望我可以手动生成图例，分成几组：

myChart.addLegend(0, 0, 1000, 100, "right",[apples,pears,apricots]);  // grouped legend elements for fruits
myChart.addLegend(0, 40, 1000, 100, "right",[carrots,potatoes]);  // grouped legend elements for vegetables

但是如果这样做，则不会打印图例。

并且图表甚至没有显示，除非我在数组元素周围添加双引号。

有没有一种方法可以通过凹坑更好地控制图例（无需 d3 进一步处理）？

标签： legenddimple.js