Use .rangeBands() for bar charts to avoid extra outer padding.

allinurl · Nov 22, 2016 · dd68cab · dd68cab
1 parent 8007a56
commit dd68cab
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/resources/css/app.css b/resources/css/app.css
@@ -423,6 +423,9 @@ svg {
 	stroke-width: 1;
 	shape-rendering: crispEdges;
 }
+.bars rect.bar {
+	shape-rendering: crispEdges;
+}
 .rects rect {
 	fill: transparent;
 }

diff --git a/resources/js/charts.js b/resources/js/charts.js
@@ -677,7 +677,7 @@ function BarChart(dualYaxis) {
 		xScale.domain(data.map(function (d) {
 			return d[0];
 		}))
-		.rangeRoundBands([0, innerW()], .1);
+		.rangeBands([0, innerW()], .1);
 
 		// Update the y-scale.
 		yScale0.domain([0, d3.max(data, function (d) {