38 lines
920 B
TypeScript
38 lines
920 B
TypeScript
import { Space } from "antd";
|
|
import { inject, observer } from "mobx-react";
|
|
import { Store } from "antd/lib/form/interface";
|
|
import React from "react";
|
|
import "./index.less";
|
|
import ReactECharts from 'echarts-for-react';
|
|
const Dashbord = (props: Store) => {
|
|
const options = {
|
|
grid: { top: 8, right: 8, bottom: 24, left: 36 },
|
|
xAxis: {
|
|
type: 'category',
|
|
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
|
|
},
|
|
yAxis: {
|
|
type: 'value',
|
|
},
|
|
series: [
|
|
{
|
|
data: [820, 932, 901, 934, 1290, 1330, 1320],
|
|
type: 'line',
|
|
smooth: true,
|
|
},
|
|
],
|
|
tooltip: {
|
|
trigger: 'axis',
|
|
},
|
|
};
|
|
return (
|
|
<div className="contentBox">
|
|
<Space direction="vertical" size="middle" style={{ display: "flex" }}>
|
|
<ReactECharts option={options} />
|
|
</Space>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default inject("usrStore")(observer(Dashbord));
|