From 54a87a5cc02cfe5c8e09f5ac3bb1887e5ae14863 Mon Sep 17 00:00:00 2001
From: Juergen Kunz <juergen@foss.global>
Date: Sat, 4 Apr 2026 11:38:18 +0000
Subject: [PATCH] fix(chart): initialize chart instance with SVG renderer and
 update styles for chart container

---
 ts_web/elements/00group-chart/dees-chart-echarts-base.ts   | 2 +-
 ts_web/elements/00group-chart/dees-chart-echarts-styles.ts | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/ts_web/elements/00group-chart/dees-chart-echarts-base.ts b/ts_web/elements/00group-chart/dees-chart-echarts-base.ts
index 72e4f5d..739290c 100644
--- a/ts_web/elements/00group-chart/dees-chart-echarts-base.ts
+++ b/ts_web/elements/00group-chart/dees-chart-echarts-base.ts
@@ -62,7 +62,7 @@ export abstract class DeesChartEchartsBase extends DeesElement {
     if (!chartContainer) return;
 
     try {
-      this.chartInstance = this.echartsBundle.init(chartContainer);
+      this.chartInstance = this.echartsBundle.init(chartContainer, null, { renderer: 'svg' });
       this.updateChart();
 
       this.resizeObserver = new ResizeObserver(() => {
diff --git a/ts_web/elements/00group-chart/dees-chart-echarts-styles.ts b/ts_web/elements/00group-chart/dees-chart-echarts-styles.ts
index ff9579f..3487c6c 100644
--- a/ts_web/elements/00group-chart/dees-chart-echarts-styles.ts
+++ b/ts_web/elements/00group-chart/dees-chart-echarts-styles.ts
@@ -31,6 +31,7 @@ export const echartsBaseStyles = [
     .chartContainer {
       position: absolute;
       inset: 0;
+      will-change: transform;
     }
   `,
 ];