Rain-Bus/trailway-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Rain&Bus
2024-01-11 00:49:37 +08:00
commit 1d4ca069e7
169 changed files with 44956 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/components/charts/Echarts.tsx Normal file
View File

@@ -0,0 +1,55 @@
/**
* Created by hao.cheng on 2017/4/17.
*/
import React from 'react';
import { Row, Col, Card } from 'antd';
import EchartsArea from './EchartsArea';
import EchartsPie from './EchartsPie';
import EchartsEffectScatter from './EchartsEffectScatter';
import EchartsForce from './EchartsForce';
class Echarts extends React.Component {
render() {
return (
<div className="gutter-example">
<Row gutter={16}>
<Col className="gutter-row" md={24}>
<div className="gutter-box">
<Card title="区域图" bordered={false}>
<EchartsArea />
</Card>
</div>
</Col>
</Row>
<Row gutter={16}>
<Col className="gutter-row" md={12}>
<div className="gutter-box">
<Card title="关系图" bordered={false}>
{/*<EchartsGraphnpm />*/}
<EchartsForce />
</Card>
</div>
</Col>
<Col className="gutter-row" md={12}>
<div className="gutter-box">
<Card title="饼图" bordered={false}>
<EchartsPie />
</Card>
</div>
</Col>
</Row>
<Row gutter={16}>
<Col className="gutter-row" md={24}>
<div className="gutter-box">
<Card title="散点图" bordered={false}>
<EchartsEffectScatter />
</Card>
</div>
</Col>
</Row>
</div>
)
}
}
export default Echarts;