From 353021ac73fab63e3876e043fdbf13ce8fd4c2d1 Mon Sep 17 00:00:00 2001 From: Anush Gupta <74965306+Anush2303@users.noreply.github.com> Date: Wed, 15 Jan 2025 11:58:01 +0000 Subject: [PATCH 1/9] Heatmap text color based on contrast ratio --- packages/charts/react-charting/package.json | 2 + .../DeclarativeChartRTL.test.tsx.snap | 800 +++++++++--------- .../HeatMapChart/HeatMapChart.base.tsx | 19 + .../HeatMapChart/HeatMapChart.styles.ts | 1 - .../HeatMapChartRTL.test.tsx.snap | 16 +- .../react-charting/src/utilities/colors.ts | 25 + .../react-charting/src/utilities/utilities.ts | 9 + yarn.lock | 5 + 8 files changed, 468 insertions(+), 409 deletions(-) diff --git a/packages/charts/react-charting/package.json b/packages/charts/react-charting/package.json index 80f4f6edff1eb..c4907b95e5cb6 100644 --- a/packages/charts/react-charting/package.json +++ b/packages/charts/react-charting/package.json @@ -52,6 +52,7 @@ "@types/d3-shape": "^3.0.0", "@types/d3-time-format": "^3.0.0", "@types/d3-time": "^3.0.0", + "@types/d3-color": "^3.1.0", "@fluentui/set-version": "^8.2.23", "d3-array": "^3.0.0", "d3-axis": "^3.0.0", @@ -63,6 +64,7 @@ "d3-shape": "^3.0.0", "d3-time-format": "^3.0.0", "d3-time": "^3.0.0", + "d3-color": "^3.1.0", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/__snapshots__/DeclarativeChartRTL.test.tsx.snap b/packages/charts/react-charting/src/components/DeclarativeChart/__snapshots__/DeclarativeChartRTL.test.tsx.snap index 2518fa0e844b7..9e51cf946080b 100644 --- a/packages/charts/react-charting/src/components/DeclarativeChart/__snapshots__/DeclarativeChartRTL.test.tsx.snap +++ b/packages/charts/react-charting/src/components/DeclarativeChart/__snapshots__/DeclarativeChartRTL.test.tsx.snap @@ -5677,13 +5677,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -5709,13 +5709,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -5741,13 +5741,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -5773,13 +5773,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -5805,13 +5805,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -5837,13 +5837,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -5869,13 +5869,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -5901,13 +5901,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -5933,13 +5933,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -5965,13 +5965,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -5997,13 +5997,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6029,13 +6029,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6061,13 +6061,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6093,13 +6093,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6125,13 +6125,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6157,13 +6157,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6189,13 +6189,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6221,13 +6221,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6253,13 +6253,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6285,13 +6285,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6317,13 +6317,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6349,13 +6349,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6381,13 +6381,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6413,13 +6413,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6445,13 +6445,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6477,13 +6477,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6509,13 +6509,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6541,13 +6541,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6573,13 +6573,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6605,13 +6605,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6637,13 +6637,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6669,13 +6669,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6701,13 +6701,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6733,13 +6733,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6765,13 +6765,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6797,13 +6797,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6829,13 +6829,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6861,13 +6861,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6893,13 +6893,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6925,13 +6925,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6957,13 +6957,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6989,13 +6989,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7021,13 +7021,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7053,13 +7053,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7085,13 +7085,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7117,13 +7117,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7149,13 +7149,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7181,13 +7181,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7213,13 +7213,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7245,13 +7245,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7277,13 +7277,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7309,13 +7309,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7341,13 +7341,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7373,13 +7373,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7405,13 +7405,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7437,13 +7437,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7469,13 +7469,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7501,13 +7501,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7533,13 +7533,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7565,13 +7565,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7597,13 +7597,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7629,13 +7629,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7661,13 +7661,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7693,13 +7693,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7725,13 +7725,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7757,13 +7757,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7789,13 +7789,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7821,13 +7821,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7853,13 +7853,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7885,13 +7885,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7917,13 +7917,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7949,13 +7949,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7981,13 +7981,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8013,13 +8013,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8045,13 +8045,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8077,13 +8077,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8109,13 +8109,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8141,13 +8141,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8173,13 +8173,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8205,13 +8205,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8237,13 +8237,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8269,13 +8269,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8301,13 +8301,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8333,13 +8333,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8365,13 +8365,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8397,13 +8397,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8429,13 +8429,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8461,13 +8461,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8493,13 +8493,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8525,13 +8525,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8557,13 +8557,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8589,13 +8589,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8621,13 +8621,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8653,13 +8653,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8685,13 +8685,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8717,13 +8717,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8749,13 +8749,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8781,13 +8781,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8813,13 +8813,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8845,13 +8845,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8877,13 +8877,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8909,13 +8909,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8941,13 +8941,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8973,13 +8973,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9005,13 +9005,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9037,13 +9037,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9069,13 +9069,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9101,13 +9101,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9133,13 +9133,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9165,13 +9165,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9197,13 +9197,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9229,13 +9229,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9261,13 +9261,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9293,13 +9293,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9325,13 +9325,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9357,13 +9357,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9389,13 +9389,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9421,13 +9421,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9453,13 +9453,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9485,13 +9485,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9517,13 +9517,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9549,13 +9549,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9581,13 +9581,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9613,13 +9613,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9645,13 +9645,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9677,13 +9677,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9709,13 +9709,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9741,13 +9741,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9773,13 +9773,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9805,13 +9805,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9837,13 +9837,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9869,13 +9869,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9901,13 +9901,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9933,13 +9933,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9965,13 +9965,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9997,13 +9997,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10029,13 +10029,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10061,13 +10061,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10093,13 +10093,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10125,13 +10125,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10157,13 +10157,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10189,13 +10189,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10221,13 +10221,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10253,13 +10253,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10285,13 +10285,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10317,13 +10317,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10349,13 +10349,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10381,13 +10381,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10413,13 +10413,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10445,13 +10445,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10477,13 +10477,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10509,13 +10509,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10541,13 +10541,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10573,13 +10573,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10605,13 +10605,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10637,13 +10637,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10669,13 +10669,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10701,13 +10701,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10733,13 +10733,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10765,13 +10765,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10797,13 +10797,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10829,13 +10829,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10861,13 +10861,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10893,13 +10893,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10925,13 +10925,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10957,13 +10957,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10989,13 +10989,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11021,13 +11021,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11053,13 +11053,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11085,13 +11085,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11117,13 +11117,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11149,13 +11149,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11181,13 +11181,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11213,13 +11213,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11245,13 +11245,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11277,13 +11277,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11309,13 +11309,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11341,13 +11341,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11373,13 +11373,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11405,13 +11405,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11437,13 +11437,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11469,13 +11469,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11501,13 +11501,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11533,13 +11533,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11565,13 +11565,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11597,13 +11597,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11629,13 +11629,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11661,13 +11661,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11693,13 +11693,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11725,13 +11725,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11757,13 +11757,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11789,13 +11789,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11821,13 +11821,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11853,13 +11853,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11885,13 +11885,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11917,13 +11917,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11949,13 +11949,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11981,13 +11981,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12013,13 +12013,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12045,13 +12045,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12077,13 +12077,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12109,13 +12109,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12141,13 +12141,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12173,13 +12173,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12205,13 +12205,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12237,13 +12237,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12269,13 +12269,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12301,13 +12301,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12333,13 +12333,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12365,13 +12365,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12397,13 +12397,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12429,13 +12429,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12461,13 +12461,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12493,13 +12493,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12525,13 +12525,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12557,13 +12557,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12589,13 +12589,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12621,13 +12621,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12653,13 +12653,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12685,13 +12685,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12717,13 +12717,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12749,13 +12749,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12781,13 +12781,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12813,13 +12813,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12845,13 +12845,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12877,13 +12877,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12909,13 +12909,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12941,13 +12941,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12973,13 +12973,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13005,13 +13005,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13037,13 +13037,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13069,13 +13069,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13101,13 +13101,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13133,13 +13133,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13165,13 +13165,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13197,13 +13197,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13229,13 +13229,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13261,13 +13261,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13293,13 +13293,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13325,13 +13325,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13357,13 +13357,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13389,13 +13389,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13421,13 +13421,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13453,13 +13453,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13485,13 +13485,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13517,13 +13517,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13549,13 +13549,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13581,13 +13581,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13613,13 +13613,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13645,13 +13645,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13677,13 +13677,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13709,13 +13709,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13741,13 +13741,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13773,13 +13773,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13805,13 +13805,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13837,13 +13837,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13869,13 +13869,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13901,13 +13901,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13933,13 +13933,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13965,13 +13965,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13997,13 +13997,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14029,13 +14029,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14061,13 +14061,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14093,13 +14093,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14125,13 +14125,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14157,13 +14157,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14189,13 +14189,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14221,13 +14221,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14253,13 +14253,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14285,13 +14285,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14317,13 +14317,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14349,13 +14349,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14381,13 +14381,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14413,13 +14413,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14445,13 +14445,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14477,13 +14477,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14509,13 +14509,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14541,13 +14541,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14573,13 +14573,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14605,13 +14605,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14637,13 +14637,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14669,13 +14669,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14701,13 +14701,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14733,13 +14733,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14765,13 +14765,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14797,13 +14797,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14829,13 +14829,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14861,13 +14861,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14893,13 +14893,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14925,13 +14925,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14957,13 +14957,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14989,13 +14989,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15021,13 +15021,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15053,13 +15053,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15085,13 +15085,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15117,13 +15117,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15149,13 +15149,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15181,13 +15181,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15213,13 +15213,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15245,13 +15245,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15277,13 +15277,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15309,13 +15309,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15341,13 +15341,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15373,13 +15373,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15405,13 +15405,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15437,13 +15437,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15469,13 +15469,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15501,13 +15501,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15533,13 +15533,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15565,13 +15565,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15597,13 +15597,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15629,13 +15629,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15661,13 +15661,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15693,13 +15693,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15725,13 +15725,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15757,13 +15757,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15789,13 +15789,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15821,13 +15821,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15853,13 +15853,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15885,13 +15885,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15917,13 +15917,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15949,13 +15949,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15981,13 +15981,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16013,13 +16013,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16045,13 +16045,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16077,13 +16077,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16109,13 +16109,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16141,13 +16141,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16173,13 +16173,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16205,13 +16205,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16237,13 +16237,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16269,13 +16269,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16301,13 +16301,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16333,13 +16333,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16365,13 +16365,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16397,13 +16397,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16429,13 +16429,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16461,13 +16461,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16493,13 +16493,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16525,13 +16525,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16557,13 +16557,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16589,13 +16589,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16621,13 +16621,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16653,13 +16653,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16685,13 +16685,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16717,13 +16717,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16749,13 +16749,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16781,13 +16781,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16813,13 +16813,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16845,13 +16845,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16877,13 +16877,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16909,13 +16909,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16941,13 +16941,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16973,13 +16973,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17005,13 +17005,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17037,13 +17037,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17069,13 +17069,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17101,13 +17101,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17133,13 +17133,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17165,13 +17165,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17197,13 +17197,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17229,13 +17229,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17261,13 +17261,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17293,13 +17293,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17325,13 +17325,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17357,13 +17357,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17389,13 +17389,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17421,13 +17421,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17453,13 +17453,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17485,13 +17485,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17517,13 +17517,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17549,13 +17549,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17581,13 +17581,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17613,13 +17613,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17645,13 +17645,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17677,13 +17677,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17709,13 +17709,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17741,13 +17741,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17773,13 +17773,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17805,13 +17805,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17837,13 +17837,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17869,13 +17869,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17901,13 +17901,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17933,13 +17933,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17965,13 +17965,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17997,13 +17997,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18029,13 +18029,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18061,13 +18061,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18093,13 +18093,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18125,13 +18125,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18157,13 +18157,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18189,13 +18189,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18221,13 +18221,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18253,13 +18253,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18285,13 +18285,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18317,13 +18317,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18349,13 +18349,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18381,13 +18381,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18413,13 +18413,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18445,13 +18445,13 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > diff --git a/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx b/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx index cbd89e2e80b38..eb997124cf12e 100644 --- a/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx +++ b/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx @@ -1,6 +1,7 @@ import { CartesianChart, IChildProps, IModifiedCartesianChartProps } from '../../components/CommonComponents/index'; import { IAccessibilityProps, IChart, IHeatMapChartData, IHeatMapChartDataPoint } from '../../types/IDataPoint'; import { scaleLinear as d3ScaleLinear } from 'd3-scale'; +import { rgb as d3Rgb } from 'd3-color'; import { classNamesFunction, getId, initializeComponentRef, memoizeFunction } from '@fluentui/react/lib/Utilities'; import { FocusZoneDirection } from '@fluentui/react-focus'; import { DirectionalHint } from '@fluentui/react/lib/Callout'; @@ -20,10 +21,12 @@ import { IDomainNRange, domainRangeOfXStringAxis, createStringYAxis, + resolveCSSVariables, } from '../../utilities/utilities'; import { Target } from '@fluentui/react'; import { format as d3Format } from 'd3-format'; import { timeFormat as d3TimeFormat } from 'd3-time-format'; +import { getColorContrast } from '../../utilities/colors'; type DataSet = { dataSet: RectanglesGraphData; @@ -351,6 +354,12 @@ export class HeatMapChartBase extends React.Component { + return color === this.props.theme!.palette.white + ? this.props.theme!.palette.black + : this.props.theme!.palette.white; + }; + /** * This is the function which is responsible for * drawing the rectangle in the graph and also @@ -374,6 +383,15 @@ export class HeatMapChartBase extends React.Component {convertToLocaleString(dataPointObject.rectText, this.props.culture)} diff --git a/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.styles.ts b/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.styles.ts index 49ac43d30a0d0..d4b005062e412 100644 --- a/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.styles.ts +++ b/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.styles.ts @@ -9,7 +9,6 @@ export const getHeatMapChartStyles = (props: IHeatMapChartStyleProps): IHeatMapC theme.fonts.medium, { pointerEvents: 'none', - fill: theme.palette.white, fontWeight: FontWeights.semibold, }, ], diff --git a/packages/charts/react-charting/src/components/HeatMapChart/__snapshots__/HeatMapChartRTL.test.tsx.snap b/packages/charts/react-charting/src/components/HeatMapChart/__snapshots__/HeatMapChartRTL.test.tsx.snap index 6234c32896463..2d37b4049e2cd 100644 --- a/packages/charts/react-charting/src/components/HeatMapChart/__snapshots__/HeatMapChartRTL.test.tsx.snap +++ b/packages/charts/react-charting/src/components/HeatMapChart/__snapshots__/HeatMapChartRTL.test.tsx.snap @@ -828,13 +828,13 @@ exports[`HeatMapChart snapshot tests should render HeatMapChart correctly with n { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(143.11881188118812, 57.49009900990099)" /> @@ -858,13 +858,13 @@ exports[`HeatMapChart snapshot tests should render HeatMapChart correctly with n { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(143.11881188118812, 57.49009900990099)" /> @@ -888,13 +888,13 @@ exports[`HeatMapChart snapshot tests should render HeatMapChart correctly with n { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(143.11881188118812, 57.49009900990099)" /> @@ -918,13 +918,13 @@ exports[`HeatMapChart snapshot tests should render HeatMapChart correctly with n { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(143.11881188118812, 57.49009900990099)" /> @@ -1428,13 +1428,13 @@ exports[`HeatMapChart snapshot tests should render axis labels correctly When cu { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(143.11881188118812, 57.49009900990099)" > @@ -1460,13 +1460,13 @@ exports[`HeatMapChart snapshot tests should render axis labels correctly When cu { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(143.11881188118812, 57.49009900990099)" > @@ -1492,13 +1492,13 @@ exports[`HeatMapChart snapshot tests should render axis labels correctly When cu { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(143.11881188118812, 57.49009900990099)" > @@ -1524,13 +1524,13 @@ exports[`HeatMapChart snapshot tests should render axis labels correctly When cu { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - fill: #ffffff; font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; pointer-events: none; } dominant-baseline="middle" + fill="#000000" text-anchor="middle" transform="translate(143.11881188118812, 57.49009900990099)" > diff --git a/packages/charts/react-charting/src/utilities/colors.ts b/packages/charts/react-charting/src/utilities/colors.ts index ff7ec92b35be4..c9807011cedc5 100644 --- a/packages/charts/react-charting/src/utilities/colors.ts +++ b/packages/charts/react-charting/src/utilities/colors.ts @@ -141,3 +141,28 @@ export const getColorFromToken = (token: string, isDarkTheme: boolean = false): } return token; }; + +const rgbLrgb1 = (v: number): number => { + return v <= 0.04045 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4; +}; + +const rgbLrgb = ({ r, g, b }: { r: number; g: number; b: number }): { r: number; g: number; b: number } => { + return { + r: rgbLrgb1(r / 255), + g: rgbLrgb1(g / 255), + b: rgbLrgb1(b / 255), + }; +}; + +const lrgbLuminance = ({ r, g, b }: { r: number; g: number; b: number }): number => { + return 0.2126 * r + 0.7152 * g + 0.0722 * b; +}; + +export const getColorContrast = ( + c1: { r: number; g: number; b: number }, + c2: { r: number; g: number; b: number }, +): number => { + const l1 = lrgbLuminance(rgbLrgb(c1)); + const l2 = lrgbLuminance(rgbLrgb(c2)); + return (Math.max(l1, l2) + 0.05) / (Math.min(l1, l2) + 0.05); +}; diff --git a/packages/charts/react-charting/src/utilities/utilities.ts b/packages/charts/react-charting/src/utilities/utilities.ts index 735024e852f98..65df0f697e583 100644 --- a/packages/charts/react-charting/src/utilities/utilities.ts +++ b/packages/charts/react-charting/src/utilities/utilities.ts @@ -1433,3 +1433,12 @@ export function areArraysEqual(arr1?: string[], arr2?: string[]): boolean { } return true; } + +const cssVarRegExp = /var\((--[a-zA-Z0-9\-]+)\)/g; + +export function resolveCSSVariables(chartContainer: HTMLElement, styleRules: string) { + const containerStyles = getComputedStyle(chartContainer); + return styleRules.replace(cssVarRegExp, (match, group1) => { + return containerStyles.getPropertyValue(group1); + }); +} diff --git a/yarn.lock b/yarn.lock index 5885094de87ce..047777f63ba98 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5079,6 +5079,11 @@ dependencies: "@types/d3-selection" "*" +"@types/d3-color@^3.1.0": + version "3.1.3" + resolved "https://registry.yarnpkg.com/@types/d3-color/-/d3-color-3.1.3.tgz#368c961a18de721da8200e80bf3943fb53136af2" + integrity sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A== + "@types/d3-dsv@*": version "3.0.0" resolved "https://registry.yarnpkg.com/@types/d3-dsv/-/d3-dsv-3.0.0.tgz#f3c61fb117bd493ec0e814856feb804a14cfc311" From 949d4527aaf0370c3ec20ca745e46f09421ac32d Mon Sep 17 00:00:00 2001 From: Anush Gupta <74965306+Anush2303@users.noreply.github.com> Date: Wed, 15 Jan 2025 11:59:06 +0000 Subject: [PATCH 2/9] Add change file --- ...eact-charting-e1bc4943-8298-429b-b844-5503943dff7c.json | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 change/@fluentui-react-charting-e1bc4943-8298-429b-b844-5503943dff7c.json diff --git a/change/@fluentui-react-charting-e1bc4943-8298-429b-b844-5503943dff7c.json b/change/@fluentui-react-charting-e1bc4943-8298-429b-b844-5503943dff7c.json new file mode 100644 index 0000000000000..6197adf65a9d8 --- /dev/null +++ b/change/@fluentui-react-charting-e1bc4943-8298-429b-b844-5503943dff7c.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "Heatmap text color based on contrast ratio", + "packageName": "@fluentui/react-charting", + "email": "74965306+Anush2303@users.noreply.github.com", + "dependentChangeType": "patch" +} From e2a787d89dd71a7990d1deda94ddd0c3ed6f6138 Mon Sep 17 00:00:00 2001 From: Anush Gupta <74965306+Anush2303@users.noreply.github.com> Date: Wed, 15 Jan 2025 12:04:23 +0000 Subject: [PATCH 3/9] change default foreground color --- .../DeclarativeChartRTL.test.tsx.snap | 184 +++++++++--------- .../HeatMapChart/HeatMapChart.base.tsx | 2 +- 2 files changed, 93 insertions(+), 93 deletions(-) diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/__snapshots__/DeclarativeChartRTL.test.tsx.snap b/packages/charts/react-charting/src/components/DeclarativeChart/__snapshots__/DeclarativeChartRTL.test.tsx.snap index 9e51cf946080b..86e3659bf7586 100644 --- a/packages/charts/react-charting/src/components/DeclarativeChart/__snapshots__/DeclarativeChartRTL.test.tsx.snap +++ b/packages/charts/react-charting/src/components/DeclarativeChart/__snapshots__/DeclarativeChartRTL.test.tsx.snap @@ -5683,7 +5683,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -5715,7 +5715,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -5779,7 +5779,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -5843,7 +5843,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -5971,7 +5971,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6003,7 +6003,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6131,7 +6131,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6163,7 +6163,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6227,7 +6227,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6259,7 +6259,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6323,7 +6323,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6355,7 +6355,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6419,7 +6419,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6483,7 +6483,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6643,7 +6643,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6771,7 +6771,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6803,7 +6803,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7123,7 +7123,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7283,7 +7283,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7411,7 +7411,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7443,7 +7443,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7539,7 +7539,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7635,7 +7635,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7763,7 +7763,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7923,7 +7923,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8051,7 +8051,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8083,7 +8083,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8179,7 +8179,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8275,7 +8275,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8339,7 +8339,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8403,7 +8403,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8563,7 +8563,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8691,7 +8691,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8723,7 +8723,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8915,7 +8915,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8979,7 +8979,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9043,7 +9043,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9331,7 +9331,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9363,7 +9363,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9619,7 +9619,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9683,7 +9683,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9971,7 +9971,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10099,7 +10099,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10259,7 +10259,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10323,7 +10323,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10451,7 +10451,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10707,7 +10707,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10739,7 +10739,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10803,7 +10803,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10899,7 +10899,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11091,7 +11091,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11123,7 +11123,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11379,7 +11379,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11443,7 +11443,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11539,7 +11539,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11603,7 +11603,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11731,7 +11731,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11763,7 +11763,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11955,7 +11955,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12019,7 +12019,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12083,7 +12083,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12179,7 +12179,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12243,7 +12243,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12371,7 +12371,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12403,7 +12403,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12595,7 +12595,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12723,7 +12723,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12883,7 +12883,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13011,7 +13011,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13043,7 +13043,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13235,7 +13235,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13363,7 +13363,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13523,7 +13523,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13651,7 +13651,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13683,7 +13683,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13715,7 +13715,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14003,7 +14003,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14163,7 +14163,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14323,7 +14323,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14355,7 +14355,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14579,7 +14579,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14643,7 +14643,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14803,7 +14803,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14931,7 +14931,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14963,7 +14963,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15443,7 +15443,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15987,7 +15987,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16083,7 +16083,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16627,7 +16627,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16723,7 +16723,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17075,7 +17075,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17523,7 +17523,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#ffffff" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > diff --git a/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx b/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx index eb997124cf12e..20772a408deb4 100644 --- a/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx +++ b/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx @@ -384,7 +384,7 @@ export class HeatMapChartBase extends React.Component Date: Wed, 15 Jan 2025 14:26:00 +0000 Subject: [PATCH 4/9] update d3-color package version --- packages/charts/react-charting/package.json | 4 ++-- yarn.lock | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/charts/react-charting/package.json b/packages/charts/react-charting/package.json index c4907b95e5cb6..74b8d900e22d5 100644 --- a/packages/charts/react-charting/package.json +++ b/packages/charts/react-charting/package.json @@ -52,7 +52,7 @@ "@types/d3-shape": "^3.0.0", "@types/d3-time-format": "^3.0.0", "@types/d3-time": "^3.0.0", - "@types/d3-color": "^3.1.0", + "@types/d3-color": "^3.0.0", "@fluentui/set-version": "^8.2.23", "d3-array": "^3.0.0", "d3-axis": "^3.0.0", @@ -64,7 +64,7 @@ "d3-shape": "^3.0.0", "d3-time-format": "^3.0.0", "d3-time": "^3.0.0", - "d3-color": "^3.1.0", + "d3-color": "^3.0.0", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/yarn.lock b/yarn.lock index 047777f63ba98..63f98cd67b78f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5079,7 +5079,7 @@ dependencies: "@types/d3-selection" "*" -"@types/d3-color@^3.1.0": +"@types/d3-color@^3.0.0": version "3.1.3" resolved "https://registry.yarnpkg.com/@types/d3-color/-/d3-color-3.1.3.tgz#368c961a18de721da8200e80bf3943fb53136af2" integrity sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A== @@ -9370,7 +9370,7 @@ d3-collection@^1.0.7: resolved "https://registry.yarnpkg.com/d3-collection/-/d3-collection-1.0.7.tgz#349bd2aa9977db071091c13144d5e4f16b5b310e" integrity sha512-ii0/r5f4sjKNTfh84Di+DpztYwqKhEyUlKoPrzUFfeSkWxjW49xU2QzO9qrPrNkpdI0XJkfzvmTu8V2Zylln6A== -"d3-color@1 - 3", d3-color@^3.1.0: +"d3-color@1 - 3", d3-color@^3.0.0, d3-color@^3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/d3-color/-/d3-color-3.1.0.tgz#395b2833dfac71507f12ac2f7af23bf819de24e2" integrity sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA== From 54653016599465988086c0145831c1f9c616936a Mon Sep 17 00:00:00 2001 From: Anush Gupta <74965306+Anush2303@users.noreply.github.com> Date: Thu, 16 Jan 2025 14:59:43 +0000 Subject: [PATCH 5/9] fix: resolve comments --- .../src/components/DeclarativeChart/imageExporter.ts | 10 +--------- .../src/components/HeatMapChart/HeatMapChart.base.tsx | 8 ++++---- packages/charts/react-charting/src/utilities/colors.ts | 1 + 3 files changed, 6 insertions(+), 13 deletions(-) diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/imageExporter.ts b/packages/charts/react-charting/src/components/DeclarativeChart/imageExporter.ts index cab5167bf6ccb..cb2a71afe657a 100644 --- a/packages/charts/react-charting/src/components/DeclarativeChart/imageExporter.ts +++ b/packages/charts/react-charting/src/components/DeclarativeChart/imageExporter.ts @@ -1,4 +1,5 @@ import { create as d3Create, select as d3Select, Selection } from 'd3-selection'; +import { resolveCSSVariables } from '../../utilities/utilities'; /** * {@docCategory DeclarativeChart} @@ -196,15 +197,6 @@ function cloneLegendsToSVG(chartContainer: HTMLElement, svgWidth: number, svgHei }; } -const cssVarRegExp = /var\((--[a-zA-Z0-9\-]+)\)/g; - -function resolveCSSVariables(chartContainer: HTMLElement, styleRules: string) { - const containerStyles = getComputedStyle(chartContainer); - return styleRules.replace(cssVarRegExp, (match, group1) => { - return containerStyles.getPropertyValue(group1); - }); -} - function svgToPng(svgDataUrl: string, opts: IImageExportOptions = {}): Promise { return new Promise((resolve, reject) => { const scale = opts.scale || 1; diff --git a/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx b/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx index 20772a408deb4..9fd3f9688d5fc 100644 --- a/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx +++ b/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx @@ -355,9 +355,9 @@ export class HeatMapChartBase extends React.Component { - return color === this.props.theme!.palette.white - ? this.props.theme!.palette.black - : this.props.theme!.palette.white; + return color === this.props.theme!.semanticColors.bodyText + ? this.props.theme!.semanticColors.bodyBackground + : this.props.theme!.semanticColors.bodyText; }; /** @@ -384,7 +384,7 @@ export class HeatMapChartBase extends React.Component { return v <= 0.04045 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4; }; From 0e4c0f2a7457c08c6b8cb333f2d4f1b481d7fa68 Mon Sep 17 00:00:00 2001 From: Anush Gupta <74965306+Anush2303@users.noreply.github.com> Date: Thu, 16 Jan 2025 15:32:46 +0000 Subject: [PATCH 6/9] fix: update snapshots --- .../DeclarativeChartRTL.test.tsx.snap | 726 +++++++++--------- .../HeatMapChartRTL.test.tsx.snap | 16 +- 2 files changed, 371 insertions(+), 371 deletions(-) diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/__snapshots__/DeclarativeChartRTL.test.tsx.snap b/packages/charts/react-charting/src/components/DeclarativeChart/__snapshots__/DeclarativeChartRTL.test.tsx.snap index 86e3659bf7586..878e85b32f2ee 100644 --- a/packages/charts/react-charting/src/components/DeclarativeChart/__snapshots__/DeclarativeChartRTL.test.tsx.snap +++ b/packages/charts/react-charting/src/components/DeclarativeChart/__snapshots__/DeclarativeChartRTL.test.tsx.snap @@ -5683,7 +5683,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -5747,7 +5747,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -5811,7 +5811,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -5875,7 +5875,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -5907,7 +5907,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -5939,7 +5939,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -5971,7 +5971,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6035,7 +6035,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6067,7 +6067,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6099,7 +6099,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6131,7 +6131,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6195,7 +6195,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6227,7 +6227,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6291,7 +6291,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6323,7 +6323,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6355,7 +6355,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6387,7 +6387,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6451,7 +6451,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6515,7 +6515,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6547,7 +6547,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6579,7 +6579,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6611,7 +6611,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6675,7 +6675,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6707,7 +6707,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6739,7 +6739,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6771,7 +6771,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6835,7 +6835,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6867,7 +6867,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6931,7 +6931,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6963,7 +6963,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -6995,7 +6995,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7027,7 +7027,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7091,7 +7091,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7123,7 +7123,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7155,7 +7155,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7187,7 +7187,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7219,7 +7219,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7251,7 +7251,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7315,7 +7315,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7347,7 +7347,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7379,7 +7379,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7411,7 +7411,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7475,7 +7475,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7507,7 +7507,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7571,7 +7571,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7603,7 +7603,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7635,7 +7635,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7667,7 +7667,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7731,7 +7731,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7763,7 +7763,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7795,7 +7795,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7827,7 +7827,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7859,7 +7859,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7891,7 +7891,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7923,7 +7923,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7955,7 +7955,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -7987,7 +7987,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8019,7 +8019,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8051,7 +8051,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8115,7 +8115,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8147,7 +8147,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8211,7 +8211,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8243,7 +8243,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8275,7 +8275,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8307,7 +8307,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8371,7 +8371,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8403,7 +8403,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8435,7 +8435,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8467,7 +8467,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8499,7 +8499,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8531,7 +8531,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8563,7 +8563,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8595,7 +8595,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8627,7 +8627,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8659,7 +8659,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8691,7 +8691,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8755,7 +8755,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8787,7 +8787,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8851,7 +8851,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8883,7 +8883,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8915,7 +8915,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -8947,7 +8947,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9011,7 +9011,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9043,7 +9043,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9075,7 +9075,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9107,7 +9107,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9139,7 +9139,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9171,7 +9171,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9203,7 +9203,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9235,7 +9235,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9267,7 +9267,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9299,7 +9299,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9331,7 +9331,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9363,7 +9363,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9395,7 +9395,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9427,7 +9427,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9491,7 +9491,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9523,7 +9523,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9555,7 +9555,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9587,7 +9587,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9619,7 +9619,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9651,7 +9651,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9683,7 +9683,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9715,7 +9715,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9747,7 +9747,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9779,7 +9779,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9811,7 +9811,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9843,7 +9843,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9875,7 +9875,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9907,7 +9907,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9939,7 +9939,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -9971,7 +9971,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10003,7 +10003,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10035,7 +10035,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10067,7 +10067,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10131,7 +10131,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10163,7 +10163,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10195,7 +10195,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10227,7 +10227,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10259,7 +10259,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10291,7 +10291,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10323,7 +10323,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10355,7 +10355,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10387,7 +10387,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10419,7 +10419,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10451,7 +10451,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10483,7 +10483,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10515,7 +10515,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10547,7 +10547,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10579,7 +10579,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10611,7 +10611,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10643,7 +10643,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10675,7 +10675,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10707,7 +10707,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10739,7 +10739,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10771,7 +10771,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10803,7 +10803,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10835,7 +10835,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10867,7 +10867,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10899,7 +10899,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10931,7 +10931,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10963,7 +10963,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -10995,7 +10995,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11027,7 +11027,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11059,7 +11059,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11091,7 +11091,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11155,7 +11155,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11187,7 +11187,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11219,7 +11219,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11251,7 +11251,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11283,7 +11283,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11315,7 +11315,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11347,7 +11347,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11379,7 +11379,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11411,7 +11411,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11443,7 +11443,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11475,7 +11475,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11507,7 +11507,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11539,7 +11539,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11571,7 +11571,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11603,7 +11603,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11635,7 +11635,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11667,7 +11667,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11699,7 +11699,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11731,7 +11731,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11795,7 +11795,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11827,7 +11827,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11859,7 +11859,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11891,7 +11891,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11923,7 +11923,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11955,7 +11955,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -11987,7 +11987,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12019,7 +12019,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12051,7 +12051,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12083,7 +12083,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12115,7 +12115,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12147,7 +12147,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12179,7 +12179,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12211,7 +12211,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12243,7 +12243,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12275,7 +12275,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12307,7 +12307,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12339,7 +12339,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12371,7 +12371,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12435,7 +12435,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12467,7 +12467,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12499,7 +12499,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12531,7 +12531,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12563,7 +12563,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12595,7 +12595,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12627,7 +12627,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12659,7 +12659,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12691,7 +12691,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12723,7 +12723,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12755,7 +12755,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12787,7 +12787,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12819,7 +12819,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12851,7 +12851,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12883,7 +12883,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12915,7 +12915,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12947,7 +12947,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -12979,7 +12979,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13011,7 +13011,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13075,7 +13075,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13107,7 +13107,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13139,7 +13139,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13171,7 +13171,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13203,7 +13203,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13235,7 +13235,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13267,7 +13267,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13299,7 +13299,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13331,7 +13331,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13395,7 +13395,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13427,7 +13427,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13459,7 +13459,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13491,7 +13491,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13555,7 +13555,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13587,7 +13587,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13619,7 +13619,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13651,7 +13651,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13715,7 +13715,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13747,7 +13747,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13779,7 +13779,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13811,7 +13811,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13843,7 +13843,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13875,7 +13875,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13907,7 +13907,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13939,7 +13939,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -13971,7 +13971,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14035,7 +14035,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14067,7 +14067,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14099,7 +14099,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14131,7 +14131,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14195,7 +14195,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14227,7 +14227,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14259,7 +14259,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14291,7 +14291,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14355,7 +14355,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14387,7 +14387,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14419,7 +14419,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14451,7 +14451,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14483,7 +14483,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14515,7 +14515,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14547,7 +14547,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14579,7 +14579,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14611,7 +14611,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14643,7 +14643,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14675,7 +14675,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14707,7 +14707,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14739,7 +14739,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14771,7 +14771,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14803,7 +14803,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14835,7 +14835,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14867,7 +14867,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14899,7 +14899,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14931,7 +14931,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14963,7 +14963,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -14995,7 +14995,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15027,7 +15027,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15059,7 +15059,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15091,7 +15091,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15123,7 +15123,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15155,7 +15155,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15187,7 +15187,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15219,7 +15219,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15251,7 +15251,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15283,7 +15283,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15315,7 +15315,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15347,7 +15347,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15379,7 +15379,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15411,7 +15411,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15475,7 +15475,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15507,7 +15507,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15539,7 +15539,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15571,7 +15571,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15603,7 +15603,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15635,7 +15635,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15667,7 +15667,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15699,7 +15699,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15731,7 +15731,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15763,7 +15763,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15795,7 +15795,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15827,7 +15827,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15859,7 +15859,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15891,7 +15891,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15923,7 +15923,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15955,7 +15955,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -15987,7 +15987,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16019,7 +16019,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16051,7 +16051,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16115,7 +16115,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16147,7 +16147,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16179,7 +16179,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16211,7 +16211,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16243,7 +16243,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16275,7 +16275,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16307,7 +16307,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16339,7 +16339,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16371,7 +16371,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16403,7 +16403,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16435,7 +16435,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16467,7 +16467,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16499,7 +16499,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16531,7 +16531,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16563,7 +16563,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16595,7 +16595,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16627,7 +16627,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16659,7 +16659,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16691,7 +16691,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16755,7 +16755,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16787,7 +16787,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16819,7 +16819,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16851,7 +16851,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16883,7 +16883,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16915,7 +16915,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16947,7 +16947,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -16979,7 +16979,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17011,7 +17011,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17043,7 +17043,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17075,7 +17075,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17107,7 +17107,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17139,7 +17139,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17171,7 +17171,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17203,7 +17203,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17235,7 +17235,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17267,7 +17267,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17299,7 +17299,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17331,7 +17331,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17363,7 +17363,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17395,7 +17395,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17427,7 +17427,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17459,7 +17459,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17491,7 +17491,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17523,7 +17523,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#ffffff" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17555,7 +17555,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17587,7 +17587,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17619,7 +17619,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17651,7 +17651,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17683,7 +17683,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17715,7 +17715,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17747,7 +17747,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17779,7 +17779,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17811,7 +17811,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17843,7 +17843,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17875,7 +17875,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17907,7 +17907,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17939,7 +17939,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -17971,7 +17971,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18003,7 +18003,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18035,7 +18035,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18067,7 +18067,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18099,7 +18099,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18131,7 +18131,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18163,7 +18163,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18195,7 +18195,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18227,7 +18227,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18259,7 +18259,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18291,7 +18291,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18323,7 +18323,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18355,7 +18355,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18387,7 +18387,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18419,7 +18419,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > @@ -18451,7 +18451,7 @@ exports[`DeclarativeChart Should render heatmapchart in DeclarativeChart 1`] = ` pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(1.5664335664335665, 1.346153846153846)" > diff --git a/packages/charts/react-charting/src/components/HeatMapChart/__snapshots__/HeatMapChartRTL.test.tsx.snap b/packages/charts/react-charting/src/components/HeatMapChart/__snapshots__/HeatMapChartRTL.test.tsx.snap index 2d37b4049e2cd..8883b9f15e158 100644 --- a/packages/charts/react-charting/src/components/HeatMapChart/__snapshots__/HeatMapChartRTL.test.tsx.snap +++ b/packages/charts/react-charting/src/components/HeatMapChart/__snapshots__/HeatMapChartRTL.test.tsx.snap @@ -834,7 +834,7 @@ exports[`HeatMapChart snapshot tests should render HeatMapChart correctly with n pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(143.11881188118812, 57.49009900990099)" /> @@ -864,7 +864,7 @@ exports[`HeatMapChart snapshot tests should render HeatMapChart correctly with n pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(143.11881188118812, 57.49009900990099)" /> @@ -894,7 +894,7 @@ exports[`HeatMapChart snapshot tests should render HeatMapChart correctly with n pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(143.11881188118812, 57.49009900990099)" /> @@ -924,7 +924,7 @@ exports[`HeatMapChart snapshot tests should render HeatMapChart correctly with n pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(143.11881188118812, 57.49009900990099)" /> @@ -1434,7 +1434,7 @@ exports[`HeatMapChart snapshot tests should render axis labels correctly When cu pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(143.11881188118812, 57.49009900990099)" > @@ -1466,7 +1466,7 @@ exports[`HeatMapChart snapshot tests should render axis labels correctly When cu pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(143.11881188118812, 57.49009900990099)" > @@ -1498,7 +1498,7 @@ exports[`HeatMapChart snapshot tests should render axis labels correctly When cu pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(143.11881188118812, 57.49009900990099)" > @@ -1530,7 +1530,7 @@ exports[`HeatMapChart snapshot tests should render axis labels correctly When cu pointer-events: none; } dominant-baseline="middle" - fill="#000000" + fill="#323130" text-anchor="middle" transform="translate(143.11881188118812, 57.49009900990099)" > From 0768fb19c7e2f177c3fe4c49327c1a71f7106f03 Mon Sep 17 00:00:00 2001 From: Anush Gupta <74965306+Anush2303@users.noreply.github.com> Date: Thu, 16 Jan 2025 16:22:10 +0000 Subject: [PATCH 7/9] fix: resolve comments --- .../src/components/HeatMapChart/HeatMapChart.base.tsx | 5 ++--- .../charts/react-charting/src/utilities/colors.ts | 11 +++++------ 2 files changed, 7 insertions(+), 9 deletions(-) diff --git a/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx b/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx index 9fd3f9688d5fc..7967f30f2a94a 100644 --- a/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx +++ b/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx @@ -1,7 +1,6 @@ import { CartesianChart, IChildProps, IModifiedCartesianChartProps } from '../../components/CommonComponents/index'; import { IAccessibilityProps, IChart, IHeatMapChartData, IHeatMapChartDataPoint } from '../../types/IDataPoint'; import { scaleLinear as d3ScaleLinear } from 'd3-scale'; -import { rgb as d3Rgb } from 'd3-color'; import { classNamesFunction, getId, initializeComponentRef, memoizeFunction } from '@fluentui/react/lib/Utilities'; import { FocusZoneDirection } from '@fluentui/react-focus'; import { DirectionalHint } from '@fluentui/react/lib/Callout'; @@ -383,12 +382,12 @@ export class HeatMapChartBase extends React.Component { - const l1 = lrgbLuminance(rgbLrgb(c1)); - const l2 = lrgbLuminance(rgbLrgb(c2)); +export const getColorContrast = (c1: string, c2: string): number => { + const l1 = lrgbLuminance(rgbLrgb(d3Rgb(c1))); + const l2 = lrgbLuminance(rgbLrgb(d3Rgb(c2))); return (Math.max(l1, l2) + 0.05) / (Math.min(l1, l2) + 0.05); }; From d594fea78650c2483e8dc2021d0907f409cb1ab4 Mon Sep 17 00:00:00 2001 From: Anush Gupta <74965306+Anush2303@users.noreply.github.com> Date: Mon, 20 Jan 2025 05:14:15 +0000 Subject: [PATCH 8/9] fix: remove relative path --- packages/charts/react-charting/package.json | 1 + .../src/components/DeclarativeChart/imageExporter.ts | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/charts/react-charting/package.json b/packages/charts/react-charting/package.json index 56428af491589..375ca6d532186 100644 --- a/packages/charts/react-charting/package.json +++ b/packages/charts/react-charting/package.json @@ -40,6 +40,7 @@ }, "dependencies": { "@fluentui/react-focus": "^8.9.20", + "@fluentui/react-charting": "^5.23.41", "@fluentui/theme-samples": "^8.7.196", "@microsoft/load-themed-styles": "^1.10.26", "@types/d3-array": "^3.0.0", diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/imageExporter.ts b/packages/charts/react-charting/src/components/DeclarativeChart/imageExporter.ts index cb2a71afe657a..7111f2d7f23d6 100644 --- a/packages/charts/react-charting/src/components/DeclarativeChart/imageExporter.ts +++ b/packages/charts/react-charting/src/components/DeclarativeChart/imageExporter.ts @@ -1,5 +1,5 @@ import { create as d3Create, select as d3Select, Selection } from 'd3-selection'; -import { resolveCSSVariables } from '../../utilities/utilities'; +import { resolveCSSVariables } from '@fluentui/react-charting/src/utilities/index'; /** * {@docCategory DeclarativeChart} From 853256b88155983b488d68cb58574ed84db1459a Mon Sep 17 00:00:00 2001 From: Anush Gupta <74965306+Anush2303@users.noreply.github.com> Date: Mon, 20 Jan 2025 05:55:58 +0000 Subject: [PATCH 9/9] fix: update path --- packages/charts/react-charting/package.json | 1 - .../src/components/DeclarativeChart/imageExporter.ts | 2 +- 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/packages/charts/react-charting/package.json b/packages/charts/react-charting/package.json index 375ca6d532186..56428af491589 100644 --- a/packages/charts/react-charting/package.json +++ b/packages/charts/react-charting/package.json @@ -40,7 +40,6 @@ }, "dependencies": { "@fluentui/react-focus": "^8.9.20", - "@fluentui/react-charting": "^5.23.41", "@fluentui/theme-samples": "^8.7.196", "@microsoft/load-themed-styles": "^1.10.26", "@types/d3-array": "^3.0.0", diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/imageExporter.ts b/packages/charts/react-charting/src/components/DeclarativeChart/imageExporter.ts index 7111f2d7f23d6..ef5716d9fa2af 100644 --- a/packages/charts/react-charting/src/components/DeclarativeChart/imageExporter.ts +++ b/packages/charts/react-charting/src/components/DeclarativeChart/imageExporter.ts @@ -1,5 +1,5 @@ import { create as d3Create, select as d3Select, Selection } from 'd3-selection'; -import { resolveCSSVariables } from '@fluentui/react-charting/src/utilities/index'; +import { resolveCSSVariables } from '../../utilities/index'; /** * {@docCategory DeclarativeChart}