修复系列订单

时间:2014-04-04 16:55:10

标签: dimple.js

我使用以下代码生成图表:

var svg = dimple.newSvg("#p_m", 1200, 200+(data.f_c_c*20));
var chrt_participants = new dimple.chart(svg, data.result);
chrt_participants.setBounds(200, 50, 900, 100+(data.f_c_c*20));
var y = chrt_participants.addCategoryAxis("y", ["title", "name"]);
var x = chrt_participants.addLogAxis("x", "Activity");
var s = chrt_participants.addSeries(["cid_id","cid","action"], dimple.plot.bar);
chrt_participants.addLegend(800, 0, 400, 40, "left");
chrt_participants.draw();

它绘制了以下图表:

Example chart 一切都如预期的那样,除了系列(酒吧的彩色块)似乎没有按任何特定的顺序排列。正如你所看到的,对于两个条形图,由于某些原因我不知道,红色值放在蓝色之前。

有没有办法解决系列的顺序?

1 个答案:

答案 0 :(得分:1)

默认顺序是按值降序,但您可以使用series.addOrderRule()轻松覆盖。文档解释了如何:

https://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#addOrderRule

在一个侧面问题上,小心使用堆积条的日志轴,这是非常误导的。目前尚不清楚红色和蓝色有大约50/50的条形分割。您可能更好地使用分组栏,以便两个类别都获得可比较的缩放。