1587 unexpected pie in pie charts tooltip

api/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devtable/api",
-  "version": "14.3.1",
+  "version": "14.3.2",
   "description": "",
   "main": "index.js",
   "scripts": {

dashboard/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devtable/dashboard",
-  "version": "14.3.1",
+  "version": "14.3.2",
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public",

dashboard/src/components/plugins/viz-components/pie-chart/option/index.ts

@@ -1,10 +1,11 @@
 import { defaultEchartsOptions } from '~/styles/default-echarts-options';
 import { IPieChartConf } from '../type';
 import { getSeries } from './series';
+import { getTooltip } from './tooltip';
 
 export function getOption(conf: IPieChartConf, data: TPanelData, width: number) {
   return {
-    tooltip: defaultEchartsOptions.getTooltip({}),
+    tooltip: getTooltip(),
     series: getSeries(conf, data, width),
   };
 }

dashboard/src/components/plugins/viz-components/pie-chart/option/tooltip.ts

@@ -0,0 +1,33 @@
+import { defaultEchartsOptions } from '~/styles/default-echarts-options';
+
+function getFormatter() {
+  return ({ name, value, color }: any) => {
+    const template = `
+      <table style="width: auto">
+        <thead>
+          <tr colspan="2">
+            <div style="
+              width: 100%; height: 4px; border-radius: 2px; margin-bottom: 6px;
+              background-color: ${color};"
+            />
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <th style="text-align: right; padding: 0 1em;">${name}</th>
+            <td style="text-align: left; padding: 0 1em;">${value}</td>
+          </tr>
+        </tbody>
+      </table>
+      `;
+
+    return template;
+  };
+}
+
+export function getTooltip() {
+  return defaultEchartsOptions.getTooltip({
+    trigger: 'item',
+    formatter: getFormatter(),
+  });
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devtable/root",
-  "version": "14.3.1",
+  "version": "14.3.2",
   "private": true,
   "workspaces": [
     "api",

settings-form/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devtable/settings-form",
-  "version": "14.3.1",
+  "version": "14.3.2",
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public",

website/package.json

@@ -2,7 +2,7 @@
   "name": "@devtable/website",
   "private": true,
   "license": "Apache-2.0",
-  "version": "14.3.1",
+  "version": "14.3.2",
   "scripts": {
     "dev": "vite",
     "preview": "vite preview"