javascript - 修复 Dimple js 中分类轴中的类别

Question

我正在使用 Dimple js 制作一个条形图，每天有一个条形(星期日、星期一...)。问题是，有时几天内不会有数据，但我仍然希望我的图表显示值为 0 的所有日期。

如何修复应在轴上显示的所有类别？

编辑: 这是一个演示:jsfiddle.net/neme8got/ 我希望图表显示现在未显示的日期，成交量为 0。

Answer 1

我不相信有一种简单的方法可以用 Dimple 来做到这一点。 x 轴上显示的值由 axis._scale.domain() 提供。不幸的是，即使您将其设置为完整的值数组，凹坑也会在绘制期间覆盖它method ，使用从类别字段字符串的数据中提取的值。

最好的办法是更改数据(在客户端或服务器端)以添加所有缺失天数的值。我已经更新了示例(使用 Underscore.js)，为缺失的天数输入 0 值:

var allDays = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"];
var missing = _.difference(allDays, _.pluck(avg_by_day, 'Day'));
_.each(missing, function(missingDay){
    avg_by_day.push({'Avg Volume' : 0, 'Day' : missingDay}); 
});

http://jsfiddle.net/neme8got/1/