Commit 6359b995e350d8a91a3fc65b405a3efa25de2237
- Diff rendering mode:
- inline
- side by side
mouchak/static/js/viz.js
(20 / 3)
| 227 | 227 | .domain([0, d3.max(values, function(d) {return d3.max(d); })]) | |
| 228 | 228 | .range([h, 0]); | |
| 229 | 229 | ||
| 230 | var y1 = d3.scale.linear() | ||
| 231 | .domain([0, d3.max(values, function(d) {return d3.max(d); })]) | ||
| 232 | .range([0, h]); | ||
| 233 | |||
| 230 | 234 | var xAxis = d3.svg.axis() | |
| 231 | 235 | .scale(x0) | |
| 232 | 236 | .orient('bottom'); | |
| … | … | ||
| 277 | 277 | .data(function(d, i) { return d; }) | |
| 278 | 278 | .enter().append('rect') | |
| 279 | 279 | .attr('x', function(d, i) { return x1(ykeys[i]); }) | |
| 280 | .attr('y', function(d, i) { return y(d); }) | ||
| 280 | .attr('y', function(d, i) { return h - 0.5; }) | ||
| 281 | 281 | .attr('width', x1.rangeBand()) | |
| 282 | .attr('height', function(d, i) { return h - y(d); }) | ||
| 282 | .attr('height', 0) | ||
| 283 | 283 | .style('fill', function(d, i) { return color(i); }); | |
| 284 | 284 | ||
| 285 | x_level.selectAll('rect') | ||
| 286 | .transition() | ||
| 287 | .duration(1000) | ||
| 288 | .attr('y', function(d, i) { return y(d); }) | ||
| 289 | .attr('height', function(d, i) { return h - y(d) - 0.5; }) | ||
| 290 | |||
| 291 | |||
| 292 | /*x_level.selectAll('rect') | ||
| 293 | .append('text') | ||
| 294 | .attr("x", function(d, i) { return x1(ykeys[i]); }) | ||
| 295 | .attr("y", function(d) { return y(d); }) | ||
| 296 | .text(function(d) { return d});*/ | ||
| 297 | |||
| 285 | 298 | var legend = chart.selectAll('.legend') | |
| 286 | 299 | .data(ykeys) | |
| 287 | 300 | .enter().append('g') | |
| … | … | ||
| 374 | 374 | .attr('height', function(d, i) { return h - y(d); }); | |
| 375 | 375 | } | |
| 376 | 376 | ||
| 377 | CRP.x0 = x0; | ||
| 377 | CRP.y1 = y1; | ||
| 378 | 378 | CRP.y = y; | |
| 379 | 379 | }; | |
| 380 | 380 |
