Decrease size of reference line labels and rotate vertical ones

Author: jcha40

js/reference_lines.js

@@ -79,8 +79,8 @@ const referenceLines = class {
             .join("text")
                 .classed("plot-text", true)
                 .attr("x", plotObj.width - plotObj.margins.right + 5)
-                .attr("y", d => plotObj.yscale(d.y) + 4)
-                .attr("font-size", "8px")
+                .attr("y", d => plotObj.yscale(d.y) + 2)
+                .attr("font-size", "6px")
                 .attr("fill", d => d.color)
                 .attr("display", d => inPlotY(d.y) ? null : "none")
                 .text(d => d.y);
@@ -117,7 +117,8 @@ const referenceLines = class {
                 .attr("text-anchor", "middle")
                 .attr("x", d => plotObj.xscale(d.x))
                 .attr("y", plotObj.height - plotObj.margins.bottom + 10)
-                .attr("font-size", "8px")
+                .attr("transform", d => "rotate(-90 " + plotObj.xscale(d.x) + " " + (plotObj.height - plotObj.margins.bottom + 8) + ")")
+                .attr("font-size", "6px")
                 .attr("fill", d => d.color)
                 .attr("display", d => inPlotX(d.x) ? null : "none")
                 .text(d => d.x)