我试图刷牙工作类似于这个例子,但有一个分组的条形图:http://bl.ocks.org/mbostock/1667367
我真的不太了解刷牙是如何工作的(我还没有找到任何好的教程),所以我对于出了什么问题感到有些不知所措.我将尝试在下面包含相关的代码.该图表跟踪按天修复损坏的构建的时间,然后按投资组合分组.到目前为止,刷子已创建,用户可以移动并拖动它,但主图表中的条形图被奇怪地重新绘制,x轴根本不会更新.您将给予的任何帮助将不胜感激.谢谢.
// x0 is the time scale on the X axis
var main_x0 = d3.scale.ordinal().rangeRoundBands([0, main_width-275], 0.2);
var mini_x0 = d3.scale.ordinal().rangeRoundBands([0, main_width-275], 0.2);
// x1 is the portfolio scale on the X axis
var main_x1 = d3.scale.ordinal();
var mini_x1 = d3.scale.ordinal();
// Define the X axis
var main_xAxis = d3.svg.axis()
.scale(main_x0)
.tickFormat(dateFormat)
.orient("bottom");
var mini_xAxis = d3.svg.axis()
.scale(mini_x0)
.tickFormat(dateFormat)
.orient("bottom");
Run Code Online (Sandbox Code Playgroud)
绑定数据后......
// define the axis domains
main_x0.domain(data.result.map( function(d) { return d.date; } )
.sort(d3.ascending));
mini_x0.domain(data.result.map( function(d) …Run Code Online (Sandbox Code Playgroud)