月
-
-
年
-
-
- {SwitchPage(index)}
-
-
-
- )
-}
diff --git a/src/components/RightBar/Chart3.less b/src/components/RightBar/Chart3.less
deleted file mode 100644
index 48dcb43..0000000
--- a/src/components/RightBar/Chart3.less
+++ /dev/null
@@ -1,70 +0,0 @@
-.RightChart3AllBorder {
- width: 625px;
- height: 306px;
- background: url('../../assets/ItemBg.png');
- margin-top: 24px;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- .RightChart3ItemitemBorder {
- margin-top: 24px;
- margin-left: 24px;
- width: 100%;
- height: 24px;
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- vertical-align: middle;
-
- .RightChart3ItemIcon {
- width: 24px;
- height: 24px;
- margin-top: 3px;
-
- }
-
- .RightChart3ItemTitle {
- font-size: 24px;
- color: #ffffff;
- margin-left: 8px;
- margin-top: -5px;
- }
- }
-
- .rightchart3Switchbox {
- width: 150px;
- height: 32px;
- background-color: #03233C;
- align-self: flex-end;
-
- margin-right: 15px;
- border-radius: 5px;
- display: flex;
- flex-direction: row;
- justify-content: space-between;
-
- .rightchart3SlelectBox {
- width: 33%;
- height: 100%;
-
- border-radius: 5px;
-
- }
-
- .rightchart3SlelectBox p {
- margin: 3 auto;
- color: #fff;
- font-size: 15px;
- text-align: center;
- cursor : pointer;
- }
- }
-
- .RightChart3ItemBorder {
- width: 95%;
- height: 227px;
- margin-left: 16px;
- margin-bottom: 16px;
-
- }
-}
diff --git a/src/components/RightBar/substitutionCharts/Chart1/Chart1.jsx b/src/components/RightBar/substitutionCharts/Chart1/Chart1.jsx
deleted file mode 100644
index fe1857b..0000000
--- a/src/components/RightBar/substitutionCharts/Chart1/Chart1.jsx
+++ /dev/null
@@ -1,126 +0,0 @@
-
-import React, { Component } from 'react';
-import './Chart1.less'
-import ReactECharts from 'echarts-for-react';
-
-class Chart1 extends Component {
-
- switchColor = (index) => {
-
- switch (index) {
- case 1: return '#52FFF8';
- case 2: return '#52FFF8';
- case 3: return '#52FFF8';
- }
- }
-
- getOption = () => (
- {
- title: [{
- text: this.props.data,
- x: "center",
- y: "28%",
- textStyle: {
- fontWeight: "normal",
- color: this.props.color,
- fontSize: 24,
- },
-
- },
- {
- text: this.props.unit,
- x: "center",
- y: "55%",
- textStyle: {
- fontWeight: "normal",
- color: this.props.color,
- fontSize: 15,
- },
-
- },
- ],
-
- series: [
- {
- name: "Line 1",
- type: "pie",
- clockWise: false,
- radius: [40, 46],
- itemStyle: {
- normal: {
- label: {
- show: false,
- },
- labelLine: {
- show: false,
- },
- shadowBlur: 5,
- shadowColor:this.props.color,
- },
- },
- hoverAnimation: false,
- data: [
- {
- value: 25,
- name: "invisible",
- itemStyle: {
- normal: {
- color: "rgba(255,255,255,0.5)" //未完成的颜色
- }
- }
- },
- {
- value: 75,
- name: "01",
- itemStyle: {
- normal: {
- color: this.props.color //完成的颜色
- }
- }
- },
-
- ],
- },
- {
- name: "Line 2",
- type: "pie",
- animation: false,
- clockWise: false,
- radius: [33, 36],
- itemStyle: {
-
- normal: {
- label: {
- show: false,
- },
- color: this.props.color, //内圈颜色
- opacity: 0.2,
-
- }
- },
- hoverAnimation: false,
- data: [
- {
- value: 100,
- name: "02",
-
- },
- {
- value: 0,
- name: "invisible",
- },
- ],
- },
- ],
- })
-
- render() {
- return (
-
-
-
- );
- }
-}
-
-export default Chart1;
diff --git a/src/components/RightBar/substitutionCharts/Chart1/Chart1.less b/src/components/RightBar/substitutionCharts/Chart1/Chart1.less
deleted file mode 100644
index 6ed643c..0000000
--- a/src/components/RightBar/substitutionCharts/Chart1/Chart1.less
+++ /dev/null
@@ -1,5 +0,0 @@
-.RightChart3itemDetailBorder {
- width: 100%;
- height: 100%;
- overflow:visible;
-}
\ No newline at end of file
diff --git a/src/components/RightBar/substitutionCharts/Chart1/index.jsx b/src/components/RightBar/substitutionCharts/Chart1/index.jsx
deleted file mode 100644
index 4a80882..0000000
--- a/src/components/RightBar/substitutionCharts/Chart1/index.jsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import React, { useEffect } from 'react';
-import styled from 'styled-components';
-// import RightChart1Icon2 from '../../../../assets/Icon/RightChart1Icon2.png'
-
-import Chart1 from './Chart1.jsx';
-
-import './index.less';
-
-//#52FFF8
-
-function Index(props) {
- const switchColor = (index) => {
- switch (index) {
- case 1:
- return '#52FFF8';
- case 2:
- return '#49B2FF';
- case 3:
- return '#FFB94D';
- default:
- return '#fff';
- }
- };
-
- let Border = styled.div`
- width: 74px;
- height: 24px;
- margin-top: 50px;
- overflow: hidden;
- `;
-
- // background: url(${RightChart1Icon2});
- let Ion2 = styled.div`
- width: 100%;
- height: 100%;
- float: left;
- background-repeat: no-repeat;
- transform: translatex(-82px);
- filter: drop-shadow(82px 1px ${switchColor(props.index)});
- `;
-
- //最大值75
- let Stuff = styled.div`
- float: left;
- margin-top: -17.5px;
- transform: translatex(3px);
- width: ${58}%;
- height: 12px;
- background: linear-gradient(to right, #051226, ${switchColor(props.index)});
- `;
-
- //中间三条gap的位置
-
- let Gap1 = styled.div`
- // float:left;
- margin-top: 6px;
- transform: translatex(15px);
- position: absolute;
- width: 2px;
- height: 13px;
- background-color: #051226;
- `;
-
- const Gap2 = styled(Gap1)`
- transform: translatex(29px);
- `;
-
- const Gap3 = styled(Gap1)`
- transform: translatex(45px);
- `;
-
- return (
-
-
-
-
-
-
{props.name}
-
-
-
-
-
-
-
-
-
- );
-}
-
-export default Index;
diff --git a/src/components/RightBar/substitutionCharts/Chart1/index.less b/src/components/RightBar/substitutionCharts/Chart1/index.less
deleted file mode 100644
index 1d63d99..0000000
--- a/src/components/RightBar/substitutionCharts/Chart1/index.less
+++ /dev/null
@@ -1,33 +0,0 @@
-.RightChart1ItemBorderRow {
- width: 178px;
- height: 96px;
- display: flex;
- flex-direction: row;
- justify-content: space-around;
-
- .RightChart1ItemB1 {
- width: 96px;
- height: 96px;
- overflow: visible;
- }
-
- .RightChart1ItemB2 {
- width: 76px;
- height: 76px;
- margin-top: 10px;
- margin-left: 8px;
-
-
-
- .RightChart1ItemB2TXT {
- font-size:16px;
- font-weight: 400px;
- float: left;
- color: #fff;
- position: absolute;
- margin-top: 15px;
- white-space: nowrap;
- }
-
- }
-}
\ No newline at end of file
diff --git a/src/components/RightBar/substitutionCharts/Chart2.jsx b/src/components/RightBar/substitutionCharts/Chart2.jsx
deleted file mode 100644
index b9e726d..0000000
--- a/src/components/RightBar/substitutionCharts/Chart2.jsx
+++ /dev/null
@@ -1,133 +0,0 @@
-
-import React, { Component } from 'react';
-import './Chart2.less'
-import ReactECharts from 'echarts-for-react';
-
-import * as echarts from 'echarts';
-
-var fontColor = '#fff'
-var lineColor = 'rgba(33, 50, 89,0.8)'
-
-class Chart2 extends Component {
-
- getOption = () => ({
-
- grid: {
- left: "2%",
- right: "4%",
- bottom: "5%",
- top: "15%",
- containLabel: true,
- },
- legend: {
- data: this.props.lendge,
- left: "2%",
- top: 0,
- textStyle: {
- color: "#fff",
- },
- itemWidth: 12,
- itemHeight: 10,
- // itemGap: 35
- },
- xAxis: {
- type: "category",
- data:this.props.xdata,
- axisLine: {
- lineStyle: {
- color: lineColor,
- },
- },
- splitLine: {
- lineStyle: {
- color: lineColor,
- width: 0.5,
- },
- },
- axisLabel: {
- show: true,
- color: fontColor,
- textStyle: {
- fontFamily: "Microsoft YaHei",
- },
- },
- },
- yAxis: {
- type: "value",
- max:(value) => { // 百位起最大值向上取整
- return Math.ceil(value.max / 100) * 100;
- },
- axisLabel: {
- show: true,
- color: fontColor,
- },
- axisLine: {
- show: true,
- lineStyle: {
- color: lineColor,
- },
- },
- splitLine: {
- lineStyle: {
- color: lineColor,
- width: 0.5,
- },
- },
- },
- series: [
- {
- name: this.props.lendge[0],
- type: "bar",
- barWidth: "15%",
- itemStyle: {
- normal: {
- color: '#92D675',
- barBorderRadius: 2,
- },
- },
- label: {
- show: true,
- position: 'top',
- valueAnimation: true,
- color: "#fff"
- },
- data: this.props.data[0],
- },
- {
- name:this.props.lendge[1],
- type: "bar",
- barWidth: "15%",
- itemStyle: {
- normal: {
-
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- { offset: 0, color: 'rgba(92,183,255,1)' },
- { offset: 0.5, color: 'rgba(92,183,255,1)' },
- { offset: 1, color: 'rgba(90,107,255,1)' }
- ]),
-
- barBorderRadius: 3,
-
- },
- },
- label: {
- show: true,
- position: 'top',
- valueAnimation: true,
- color: "#fff"
- },
- data: this.props.data[1],
- },],
-
- })
-
- render() {
- return (
-
-
-
- );
- }
-}
-
-export default Chart2;
diff --git a/src/components/RightBar/substitutionCharts/Chart2.less b/src/components/RightBar/substitutionCharts/Chart2.less
deleted file mode 100644
index 2adbce6..0000000
--- a/src/components/RightBar/substitutionCharts/Chart2.less
+++ /dev/null
@@ -1,5 +0,0 @@
-.RightChart2itemDetailBorder {
- width: 100%;
- height: 100%;
-
-}
\ No newline at end of file
diff --git a/src/components/RightBar/substitutionCharts/Chart3.jsx b/src/components/RightBar/substitutionCharts/Chart3.jsx
deleted file mode 100644
index c0b987c..0000000
--- a/src/components/RightBar/substitutionCharts/Chart3.jsx
+++ /dev/null
@@ -1,106 +0,0 @@
-
-import React, { Component } from 'react';
-import './Chart3.less'
-import ReactECharts from 'echarts-for-react';
-
-//颜色渐变必须要
-import * as echarts from 'echarts';
-
-var fontColor = '#fff'
-var lineColor = 'rgba(33, 50, 89,0.8)'
-
-class Chart3 extends Component {
-
- getOption = () => ({
- grid: {
- left: "2%",
- right: "4%",
- bottom: "5%",
- top: "8%",
- containLabel: true,
- },
- xAxis: {
- type: "category",
- data: this.props.xdata,
- axisLine: {
- lineStyle: {
- color: lineColor,
- },
- },
- splitLine: {
- lineStyle: {
- color: lineColor,
- width: 0.5,
- },
- },
- axisLabel: {
- show: true,
- color: fontColor,
- textStyle: {
- fontFamily: "Microsoft YaHei",
- },
- },
- },
- yAxis: {
- type: "value",
- scale:true,
- max:(value) => { // 百位起最大值向上取整
- return Math.ceil(value.max / 100) * 100;
- },
- axisLabel: {
- show: true,
- color: fontColor,
- },
- axisLine: {
- show: true,
- lineStyle: {
- color: lineColor,
- },
- },
- splitLine: {
- lineStyle: {
- color: lineColor,
- width: 0.5,
- },
- },
- },
- series: [
- {
- name: "M1",
- type: "bar",
- barWidth: "15%",
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- { offset: 0, color: 'rgba(92,183,255,1)' },
- { offset: 0.5, color: 'rgba(92,183,255,1)' },
- { offset: 1, color: 'rgba(90,107,255,1)' }
- ]),
- barBorderRadius: 3,
- },
- },
- label: {
- show: true,
- position: 'top',
- valueAnimation: true,
- color:"#fff"
- },
- data: this.props.data,
- },
-
- ],
-
- })
-
- render() {
- return (
-
-
-
-
-
- );
- }
-}
-
-export default Chart3;
diff --git a/src/components/RightBar/substitutionCharts/Chart3.less b/src/components/RightBar/substitutionCharts/Chart3.less
deleted file mode 100644
index 4976294..0000000
--- a/src/components/RightBar/substitutionCharts/Chart3.less
+++ /dev/null
@@ -1,5 +0,0 @@
-.RightChart3itemDetailBorder {
- width: 100%;
- height: 100%;
-
-}
\ No newline at end of file
})
-