我正在使用Dimple js制作每天一个条形图的条形图(星期日,星期一......)。问题是有时几天不会有数据,但我仍然希望我的图表显示值为0的所有日期。
如何修复应在轴上显示的所有类别?
编辑: 这是一个演示:jsfiddle.net/neme8got/ 我希望图表显示现在没有显示的卷数为0。
答案 0 :(得分:1)
我不相信用Dimple做一个简单的方法。 x轴上显示的值由axis._scale.domain()
提供。不幸的是,即使您将其设置为完整的值数组,在draw
method期间,使用从类别字段字符串中的数据中提取的值,使用dimple覆盖此值。
您最好的选择是更改数据(在客户端或服务器端)以添加所有缺失日期的值。我更新了示例(使用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});
});