fix: 主题问题修复

antvis · Aug 1, 2023 · 3634a61 · 3634a61
1 parent b31c300
commit 3634a61
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/packages/li-analysis-assets/src/widgets/MiniChart/Component/Chart/IntervalLine.tsx b/packages/li-analysis-assets/src/widgets/MiniChart/Component/Chart/IntervalLine.tsx
@@ -78,13 +78,15 @@ const IntervalLine = ({
     if (!plotRef.current) {
       const chart = new Chart({
         container: containerRef.current!,
-        theme: theme,
         autoFit: true,
         padding: 'auto',
         paddingTop: 20,
         paddingBottom: 30,
       });
 
+      const themeCfg = getChartTheme(theme) as Record<string, any>;
+      chart.theme(themeCfg);
+
       chart.options({
         type: 'view',
         children: [

diff --git a/packages/li-analysis-assets/src/widgets/MiniChart/Component/Chart/Pie.tsx b/packages/li-analysis-assets/src/widgets/MiniChart/Component/Chart/Pie.tsx
@@ -49,12 +49,14 @@ const Pie = ({ className, theme, height, width, data = [], angleField, colorFiel
     if (!plotRef.current) {
       const chart = new Chart({
         container: containerRef.current!,
-        theme: theme,
         autoFit: true,
         style: { lineWidth: 2 },
         padding: 30,
       });
 
+      const themeCfg = getChartTheme(theme) as Record<string, any>;
+      chart.theme(themeCfg);
+
       chart.options({
         type: 'view',
         children: [

diff --git a/packages/li-analysis-assets/src/widgets/MiniChart/index.tsx b/packages/li-analysis-assets/src/widgets/MiniChart/index.tsx
@@ -16,6 +16,7 @@ export default implementWidget({
     showLegend: false,
     adaptive: true,
     aggregationMethod: 'count',
+    theme: 'dark',
   },
   component,
   registerForm,