feat(platform): use latest options of echarts

Author: xiejay97

packages/platform/src/app/components/chart/theme.json

@@ -20,6 +20,9 @@
       },
       "symbolSize": "8",
       "symbol": "emptyCircle",
+      "label": {
+        "color": "var(--d-text-color-sub)"
+      },
       "smooth": false
     },
     "radar": {
@@ -37,6 +40,9 @@
       "itemStyle": {
         "barBorderWidth": 0,
         "barBorderColor": "#ccc"
+      },
+      "label": {
+        "color": "var(--d-text-color-sub)"
       }
     },
     "pie": {
@@ -298,6 +304,7 @@
       }
     },
     "tooltip": {
+      "borderWidth": 0,
       "axisPointer": {
         "lineStyle": {
           "color": "#cccccc",

packages/platform/src/app/routes/dashboard/echarts/ECharts.tsx

@@ -5,13 +5,13 @@ import { DCard } from '@react-devui/ui';
 
 import { AppChart, AppRouteHeader } from '../../../components';
 import styles from './ECharts.module.scss';
-import { getOptions } from './options';
+import { barOptions, lineOptions, nightingaleOptions, pieOptions, scatterOptions, stackedBarOptions, stackedLineOptions } from './options';
 
 export default function ECharts(): JSX.Element | null {
   const [options, setOptions] = useState<echarts.EChartsOption[]>([]);
 
   useMount(() => {
-    setOptions(getOptions() as echarts.EChartsOption[]);
+    setOptions([lineOptions, stackedLineOptions, barOptions, stackedBarOptions, pieOptions, nightingaleOptions, scatterOptions]);
   });
 
   return (