enhance(svg): output svg using color none instead of transparent

owid · Sep 4, 2023 · d830a01 · d830a01
1 parent acf4b29
commit d830a01
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/packages/@ourworldindata/grapher/src/facetChart/FacetChart.tsx b/packages/@ourworldindata/grapher/src/facetChart/FacetChart.tsx
@@ -60,7 +60,7 @@ import {
     NumericBin,
 } from "../color/ColorScaleBin"
 
-const facetBackgroundColor = "transparent" // we don't use color yet but may use it for background later
+const facetBackgroundColor = "none" // we don't use color yet but may use it for background later
 
 const getContentBounds = (
     containerBounds: Bounds,

diff --git a/packages/@ourworldindata/grapher/src/lineCharts/LineChart.tsx b/packages/@ourworldindata/grapher/src/lineCharts/LineChart.tsx
@@ -733,7 +733,7 @@ export class LineChart
                 onTouchMove={this.onCursorMove}
             >
                 {clipPath.element}
-                <rect {...this.bounds.toProps()} fill="transparent">
+                <rect {...this.bounds.toProps()} fill="none">
                     {/* This <rect> ensures that the parent <g> is big enough such that we get mouse hover events for the
                     whole charting area, including the axis, the entity labels, and the whitespace next to them.
                     We need these to be able to show the tooltip for the first/last year even if the mouse is outside the charting area. */}

diff --git a/packages/@ourworldindata/grapher/src/stackedCharts/StackedAreaChart.tsx b/packages/@ourworldindata/grapher/src/stackedCharts/StackedAreaChart.tsx
@@ -523,7 +523,7 @@ export class StackedAreaChart
                 onTouchMove={this.onCursorMove}
             >
                 {clipPath.element}
-                <rect {...this.bounds.toProps()} fill="transparent">
+                <rect {...this.bounds.toProps()} fill="none">
                     {/* This <rect> ensures that the parent <g> is big enough such that we get mouse hover events for the
                     whole charting area, including the axis, the entity labels, and the whitespace next to them.
                     We need these to be able to show the tooltip for the first/last year even if the mouse is outside the charting area. */}