Ant Design Pro 使用图表 charts bizcharts

微信小程序开发交流qq群   173683895

   承接微信小程序开发。扫码加微信。

 

淌了一下午坑，都是辛酸泪

总结：首先要知道， 它不能直接使用 charts ，需要安装 bizcharts 插件，然后导入 bizcharts 中的 charts；

点击跳转到 bizcharts 官方文档，建议看完整个流程再跳转

首先，安装 bizcharts 

$ npm install bizcharts --save

安装完成就可以使用了，下面看看怎么使用：

import {  Button,} from 'antd';
import React, { Component } from 'react';
import {
  G2,
  Chart,
  Geom,
  Axis,
  Tooltip,
  Coord,
  Label,
  Legend,
  View,
  Guide,
  Shape,
  Facet,
  Util
} from "bizcharts";

import classNames from 'classnames';
//面包屑
import { PageHeaderWrapper } from '@ant-design/pro-layout';



class serverdata extends Component {

  render() {
        const data =