@flourish/chart-layout - npm Package Compare versions

Comparing version 1.0.0-prerelease.3 to 1.0.0-prerelease.4

package.json

 {
   "name": "@flourish/chart-layout",
-  "version": "1.0.0-prerelease.3",
+  "version": "1.0.0-prerelease.4",
   "description": "Create axes",
@@ -5,0 +5,0 @@ "main": "chart-layout.js",

src/state/x.js

@@ -10,3 +10,3 @@ var X_DEFAULTS = Object.freeze({
 	line_and_tick_color: "#eeeeee",
-	tick_label_color: "#aaaaaa",
+	line_and_tick_width: 0.125,
 
@@ -18,4 +18,5 @@ tick_number: null,
 	tick_label_size: 0.9,
+	tick_label_color: "#aaaaaa",
+	tick_label_angle: "45",
 	tick_label_weight: "normal",
-	tick_label_angle: "45",
 
@@ -33,2 +34,3 @@ gridlines_visible: false,
 
+
 export { X_DEFAULTS };

src/state/y.js

@@ -10,3 +10,3 @@ var Y_DEFAULTS = Object.freeze({
 	line_and_tick_color: "#eeeeee",
-	tick_label_color: "#aaaaaa",
+	line_and_tick_width: 0.125,
 
@@ -18,4 +18,5 @@ tick_number: null,
 	tick_label_size: 0.9,
+	tick_label_color: "#aaaaaa",
+	tick_label_angle: "0",
 	tick_label_weight: "normal",
-	tick_label_angle: "0",
 
@@ -33,2 +34,3 @@ gridlines_visible: true,
 
+
 export { Y_DEFAULTS };

src/update/axes/x-axes.js

@@ -28,2 +28,3 @@ import { select } from "d3-selection";
 		var line_color = x.line_and_tick_color;
+		var line_width = remToPx(x.line_and_tick_width);
 		var tick_label_color = x.tick_label_color;
@@ -43,2 +44,4 @@
 		line.exit()
+			.style("stroke", line_color)
+			.style("stroke-width", line_width)
 			.transition()
@@ -52,4 +55,5 @@ .duration(animation_duration)
 			.append("line")
-			.style("stroke", line_color)
 			.style("shape-rendering", "crispEdges")
+			.style("stroke-linecap", "square")
+			.style("stroke-width", line_width)
 			.attr("x1", enteringXScale.range()[0])
@@ -62,2 +66,3 @@ .attr("x2", enteringXScale.range()[0])
 			.style("stroke", line_color)
+			.style("stroke-width", line_width)
 			.transition()
@@ -107,2 +112,3 @@ .duration(animation_duration)
 				.style("stroke", line_color)
+				.style("stroke-width", line_width)
 				.transition()
@@ -172,2 +178,3 @@ .duration(animation_duration)
 				.style("stroke", line_color)
+				.style("stroke-width", line_width)
 				.transition()
@@ -174,0 +181,0 @@ .duration(animation_duration)

src/update/axes/y-axes.js

@@ -29,2 +29,3 @@ import { select } from "d3-selection";
 		var line_color = y.line_and_tick_color;
+		var line_width = remToPx(y.line_and_tick_width);
 		var tick_label_color = y.tick_label_color;
@@ -45,2 +46,4 @@
 		line.exit()
+			.style("stroke", line_color)
+			.style("stroke-width", line_width)
 			.transition()
@@ -56,2 +59,4 @@ .duration(animation_duration)
 			.style("shape-rendering", "crispEdges")
+			.style("stroke-linecap", "square")
+			.style("stroke-width", line_width)
 			.attr("y1", enteringYScale.range()[0])
@@ -64,2 +69,3 @@ .attr("y2", enteringYScale.range()[0])
 			.style("stroke", line_color)
+			.style("stroke-width", line_width)
 			.transition()
@@ -105,2 +111,3 @@ .duration(animation_duration)
 				.style("stroke", line_color)
+				.style("stroke-width", line_width)
 				.transition()
@@ -170,2 +177,3 @@ .duration(animation_duration)
 				.style("stroke", line_color)
+				.style("stroke-width", line_width)
 				.transition()
@@ -172,0 +180,0 @@ .duration(animation_duration)

No alert changes

Improved metrics

Total package byte prevSize

243674

increased by0.62%

Lines of code

6696

increased by0.51%

No dependency changes