| | |
| | | import React, {Component} from 'react' |
| | | import PropTypes from 'prop-types' |
| | | import {connect} from 'react-redux' |
| | | import echarts from 'echarts/lib/echarts' |
| | | import 'echarts/lib/chart/bar' |
| | | import 'echarts/lib/chart/line' |
| | | import 'echarts/lib/component/tooltip' |
| | | import 'echarts/lib/component/title' |
| | | import 'echarts/lib/component/legend' |
| | | import 'echarts/lib/component/toolbox' |
| | | import 'echarts/lib/component/markPoint' |
| | | import 'echarts/lib/component/markLine' |
| | | // import 'echarts/lib/chart/line' |
| | | // import 'echarts/lib/component/title' |
| | | // import 'echarts/lib/component/legend' |
| | | // import 'echarts/lib/component/toolbox' |
| | | // import 'echarts/lib/component/markPoint' |
| | | // import 'echarts/lib/component/markLine' |
| | | import { Icon, Tabs, Slider } from 'antd' |
| | | // import {refreshTabView, modifyTabview} from '@/store/action' |
| | | // import Api from '@/api' |
| | | import './index.scss' |
| | | |
| | | const { TabPane } = Tabs |
| | |
| | | param: PropTypes.object // 菜单参数 |
| | | } |
| | | |
| | | state = { |
| | | |
| | | } |
| | | state = {} |
| | | |
| | | componentDidMount () { |
| | | let myChart = echarts.init(document.getElementById('home')) |
| | |
| | | color: ['#1890ff'], |
| | | tooltip : { |
| | | trigger: 'axis', |
| | | axisPointer : { // 坐标轴指示器,坐标轴触发有效 |
| | | axisPointer : { // 坐标轴指示器,坐标轴触发有效 |
| | | type : '' // 默认为直线,可选为:'line' | 'shadow' |
| | | } |
| | | }, |
| | |
| | | } |
| | | } |
| | | |
| | | const mapStateToProps = (state) => { |
| | | return { |
| | | // tabviews: state.tabviews |
| | | } |
| | | } |
| | | |
| | | const mapDispatchToProps = (dispatch) => { |
| | | return { |
| | | // refreshTabView: (refreshTab) => dispatch(refreshTabView(refreshTab)), |
| | | // modifyTabview: (tabviews) => dispatch(modifyTabview(tabviews)) |
| | | } |
| | | } |
| | | |
| | | export default connect(mapStateToProps, mapDispatchToProps)(Home) |
| | | export default Home |