default for markers to match line color

Author: duncanbradley

src/lib/components/data-vis/line-chart/Line.svelte

@@ -141,6 +141,7 @@
       {markerShape}
       {markerStroke}
       {markerStrokeWidth}
+      {pathStrokeColor}
       {x}
       {y}
       {series}

src/lib/components/data-vis/line-chart/LineChart.svelte

@@ -63,9 +63,6 @@
       markerRect = rect;
     },
     onMouseEnterMarker = (event, marker, markerId, rect) => {
-      {
-        console.log("hovering");
-      }
       activeMarkerId = marker;
       if (container) {
         const bounds = container.getBoundingClientRect();
@@ -240,8 +237,6 @@
       ]),
     );
 
-    console.log(colorLineParams(tier, line));
-
     return {
       ...merged,
       ...line,

src/lib/components/data-vis/line-chart/Marker.svelte

@@ -10,9 +10,10 @@
     yFunction,
     x,
     y,
+    pathStrokeColor = null,
     markerShape = "circle",
     markerRadius = 5,
-    markerFill = "grey",
+    markerFill = pathStrokeColor,
     markerStroke = "white",
     markerStrokeWidth = 1,
     interactiveMarkers,

src/wrappers/components/data-vis/line-chart/line-chart/Examples.svelte

@@ -149,7 +149,10 @@
       x="x"
       y="y"
       series="areaCode"
-      basicLineParams={{ interactiveMarkers: true, markers: true }}
+      basicLineParams={{
+        interactiveMarkers: true,
+        markers: true,
+      }}
       {tooltipSnippet}
     ></LineChart>
   </div>