相关疑难解决方法(0)

D3刷组合条形图

我试图刷牙工作类似于这个例子,但有一个分组的条形图: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)

javascript brush d3.js

3
推荐指数
1
解决办法
5216
查看次数

标签 统计

brush ×1

d3.js ×1

javascript ×1