修复了范例js中的Categoriaxis中的类别

时间:2014-11-20 21:14:07

标签: javascript d3.js dimple.js

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

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

编辑: 这是一个演示:jsfiddle.net/neme8got/ 我希望图表显示现在没有显示的卷数为0。

1 个答案:

答案 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}); 
});

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