LG-4634: Ensure canvas is sized to container with correct pixel ratio (…

…#2633) * More explicit dimensions * Changeset * Fix changeset
mongodb · Jan 16, 2025 · 8d924f6 · 8d924f6
1 parent 99484f7
commit 8d924f6
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/.changeset/sour-tables-wonder.md b/.changeset/sour-tables-wonder.md
@@ -0,0 +1,5 @@
+---
+'@lg-charts/core': patch
+---
+
+Ensure canvas is sized to container with correct pixel ratio
diff --git a/charts/core/src/Echart/useEchart.ts b/charts/core/src/Echart/useEchart.ts
@@ -271,8 +271,12 @@ export function useEchart({
 
         if (container) {
           // Init an echart instance
-          const newChart = echartsCoreRef.current.init(container);
-
+          const newChart = echartsCoreRef.current.init(container, null, {
+            devicePixelRatio: window.devicePixelRatio || 1,
+            renderer: 'canvas',
+            width: container.clientWidth,
+            height: container.clientHeight,
+          });
           // Set the initial options on the instance
           newChart.setOption(options);