import React from 'react'; import { Chart, Geom, Coord, Tooltip, Guide } from 'bizcharts'; import DataSet from '@antv/data-set'; import CountUp from 'react-countup'; import { Grid } from '@alifd/next'; import ColumnChart from '../ColumnChart'; import styles from './index.module.scss'; const { Row, Col } = Grid; function TotalAmount() { const { DataView } = DataSet; const { Html } = Guide; const data = [ { item: '事例一', count: 40, }, { item: '事例二', count: 21, }, ]; const dv = new DataView(); dv.source(data).transform({ type: 'percent', field: 'count', dimension: 'item', as: 'percent', }); const cols = { percent: { formatter: (val) => { val = `${val * 100}%`; return val; }, }, }; return ( { percent = `${percent * 100}%`; return { name: item, value: percent, }; }, ]} style={{ lineWidth: 1, stroke: '#fff', }} />

今日实时借贷总额

￥

); } export default TotalAmount;