import * as React from 'react'; import { Radio, Card, Box } from '@alifd/next'; import { Chart, Geom, Coord, Axis, Legend, Guide } from 'bizcharts'; import styles from './index.module.css'; const { useState } = React; const { Html } = Guide; const DEFAULT_DATA = { title: '销售额类别占比', value: 183112, chartData: [ { type: '类别一事例一', value: 40, title: '类别一事例一 | 40.00% ¥4,544', }, { type: '类别一事例二', value: 21, title: '类别一事例二 | 22.12% ¥2,344', }, { type: '类别一事例三', value: 17, title: '类别一事例三 | 16.59% ¥3,512', }, { type: '类别一事例四', value: 13, title: '类别一事例四 | 13.11% ¥2,341', }, { type: '类别一事例五', value: 9, title: '类别一事例五 | 9.29% ¥1,231', }, ], chartHeight: 500, }; const FusionCardLineChart = (props) => { const { cardConfig = DEFAULT_DATA } = props; const { title, value, chartData, chartHeight } = cardConfig; const [type, setType] = useState('one'); const changeType = (key) => setType(key); return ( 类目一类目二类目三销售额
¥ ${value}`} alignX="middle" alignY="middle" /> ); }; export default FusionCardLineChart;