fix: 修复饼图文字重叠 (#57)

* chore(deps): bump axios from 0.21.4 to 0.26.1 (#54)

Bumps [axios](https://github.com/axios/axios) from 0.21.4 to 0.26.1.
- [Release notes](https://github.com/axios/axios/releases)
- [Changelog](https://github.com/axios/axios/blob/master/CHANGELOG.md)
- [Commits](axios/axios@v0.21.4...v0.26.1)

---
updated-dependencies:
- dependency-name: axios
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <[email protected]>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* fix: 修复图表文字重叠, fixes #50

* fix: loss css token (#58)

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: yuyang <[email protected]>

package.json

@@ -42,7 +42,7 @@
   },
   "dependencies": {
     "@reduxjs/toolkit": "^1.6.0",
-    "axios": "^0.21.4",
+    "axios": "^0.26.1",
     "axios-jsonp": "^1.0.4",
     "classnames": "^2.3.1",
     "dayjs": "^1.10.7",
@@ -57,7 +57,7 @@
     "react-redux": "^7.2.4",
     "react-router-dom": "^5.2.0",
     "tdesign-icons-react": "0.0.8",
-    "tdesign-react": "^0.27.0",
+    "tdesign-react": "^0.30.1",
     "tvision-color": "^1.3.1"
   },
   "browserslist": {

src/main.tsx

@@ -5,6 +5,8 @@ import { HashRouter } from 'react-router-dom';
 import store from 'modules/store';
 import App from 'layouts/index';
 
+import 'tdesign-react/es/style/index.css';
+
 import './styles/index.less';
 
 const renderApp = () => {

src/pages/Dashboard/Base/chart.ts

@@ -93,6 +93,7 @@ export const getPieChartOptions = (radius = 42): EChartOption => ({
       type: 'pie',
       radius: ['48%', '60%'],
       avoidLabelOverlap: false,
+      silent: true,
       itemStyle: {
         borderWidth: 1,
       },
@@ -113,24 +114,6 @@ export const getPieChartOptions = (radius = 42): EChartOption => ({
           },
         },
       },
-      emphasis: {
-        label: {
-          show: true,
-          formatter: ['{value|{d}%}', '{name|{b}渠道占比}'].join('\n'),
-          rich: {
-            value: {
-              fontSize: 28,
-              fontWeight: 'normal',
-              lineHeight: 46,
-            },
-            name: {
-              color: '#909399',
-              fontSize: 12,
-              lineHeight: 14,
-            },
-          },
-        },
-      },
       labelLine: {
         show: false,
       },