antd charts 简单使用

1、安装

 $ npm install @ant-design/charts

2、引入插件

import React from 'react';
import { Liquid  } from '@ant-design/charts';
const DemoLiquid = () => {
  var config = {
      percent: 0.25,
      outline: {
          border: 4,
          distance: 8,
      },
      wave: { length: 128 },
  };
  return <Liquid {...config}/>;
};

export default DemoLiquid;

发现报错

发现缺少这个安装包，安装tslib包

npm install tslib

安装成功之后再刷新页面，叮咚，可以啦！