56 lines
2.0 KiB
TypeScript
56 lines
2.0 KiB
TypeScript
/**
|
|
* Created by hao.cheng on 2017/4/17.
|
|
*/
|
|
import React from 'react';
|
|
import { Row, Col, Card } from 'antd';
|
|
import EchartsArea from '../charts/EchartsArea';
|
|
import EchartsPie from '../charts/EchartsPie';
|
|
import EchartsEffectScatter from '../charts/EchartsEffectScatter';
|
|
import EchartsForce from '../charts/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;
|