remove ant-design-pro/Charts/Radar

Workplace/package.json

@@ -16,7 +16,8 @@
     "moment": "^2.22.2",
     "prop-types": "^15.5.10",
     "react": "^16.6.3",
-    "umi-request": "^1.0.0"
+    "umi-request": "^1.0.0",
+    "bizcharts": "^3.5.2"
   },
   "devDependencies": {
     "umi": "^2.6.9",

Workplace/src/components/Radar/autoHeight.tsx

+import React from 'react';
+
+export type IReactComponent<P = any> =
+  | React.StatelessComponent<P>
+  | React.ComponentClass<P>
+  | React.ClassicComponentClass<P>;
+
+function computeHeight(node: HTMLDivElement) {
+  node.style.height = '100%';
+  const totalHeight = parseInt(getComputedStyle(node).height + '', 10);
+  const padding =
+    parseInt(getComputedStyle(node).paddingTop + '', 10) +
+    parseInt(getComputedStyle(node).paddingBottom + '', 10);
+  return totalHeight - padding;
+}
+
+function getAutoHeight(n: HTMLDivElement) {
+  if (!n) {
+    return 0;
+  }
+
+  let node = n;
+
+  let height = computeHeight(node);
+  const parentNode = node.parentNode as HTMLDivElement;
+  if (parentNode) {
+    height = computeHeight(parentNode);
+  }
+
+  return height;
+}
+
+interface IAutoHeightProps {
+  height?: number;
+}
+
+function autoHeight() {
+  return function<P extends IAutoHeightProps>(
+    WrappedComponent: React.ComponentClass<P> | React.SFC<P>
+  ): React.ComponentClass<P> {
+    class AutoHeightComponent extends React.Component<P & IAutoHeightProps> {
+      state = {
+        computedHeight: 0,
+      };
+      root!: HTMLDivElement;
+      componentDidMount() {
+        const { height } = this.props;
+        if (!height) {
+          const h = getAutoHeight(this.root);
+          // eslint-disable-next-line
+          this.setState({ computedHeight: h });
+          if (h < 1) {
+            const h = getAutoHeight(this.root);
+            this.setState({ computedHeight: h });
+          }
+        }
+      }
+      handleRoot = (node: HTMLDivElement) => {
+        this.root = node;
+      };
+      render() {
+        const { height } = this.props;
+        const { computedHeight } = this.state;
+        const h = height || computedHeight;
+        return (
+          <div ref={this.handleRoot}>
+            {h > 0 && <WrappedComponent {...this.props} height={h} />}
+          </div>
+        );
+      }
+    }
+    return AutoHeightComponent;
+  };
+}
+export default autoHeight;

Analysis/src/components/Charts/Radar/index.tsx → Workplace/src/components/Radar/index.tsx

 import React, { Component } from 'react';
-import { Chart, G2, Tooltip, Geom, Coord, Axis } from 'bizcharts';
+import { Chart, Tooltip, Geom, Coord, Axis } from 'bizcharts';
 import { Row, Col } from 'antd';
-import autoHeight from '../autoHeight';
+import autoHeight from './autoHeight';
 import styles from './index.less';
 
 export interface IRadarProps {

Workplace/src/index.tsx

@@ -4,17 +4,16 @@ import { connect } from 'dva';
 import Link from 'umi/link';
 import { Row, Col, Card, List, Avatar } from 'antd';
 import { Dispatch } from 'redux';
-import { Charts } from 'ant-design-pro';
+
 
 import EditableLinkGroup from './components/EditableLinkGroup';
 import PageHeaderWrapper from './components/PageHeaderWrapper';
+import Radar from './components/Radar';
 import { ModalState } from './model';
 import { CurrentUser, Activeties, RadarData, Notice } from './data';
 
 import styles from './style.less';
 
-const { Radar } = Charts;
-
 const links = [
   {
     title: '操作一',