|
|
@@ -616,18 +616,28 @@
|
|
|
viewUserid: function() {
|
|
|
this.plusDrawerList = uni.getStorageSync('plusList');
|
|
|
let _this = this;
|
|
|
- for (let i = 0; i < _this.plusDrawerList.length; i++) {
|
|
|
- _this.$refs.windFarmcard[i].getWindfieldid(_this.plusDrawerList[i]);
|
|
|
+
|
|
|
+ if(_this.$refs.windFarmcard !=undefined)
|
|
|
+ {
|
|
|
+ for (let i = 0; i < _this.plusDrawerList.length; i++) {
|
|
|
+ _this.$refs.windFarmcard[i].getWindfieldid(_this.plusDrawerList[i]);
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
this.windStationCardContainerwidth = (260 * this.plusDrawerList.length - 260)+"px";
|
|
|
console.log(this.windStationCardContainerwidth)
|
|
|
},
|
|
|
judgeWindfield:function(){
|
|
|
this.plusDrawerList = uni.getStorageSync('plusList');
|
|
|
let _this = this;
|
|
|
- for (let i = 0; i < _this.plusDrawerList.length; i++) {
|
|
|
- _this.$refs.windFarmcard[i].getWindfieldid(_this.plusDrawerList[i]);
|
|
|
+
|
|
|
+ if(_this.$refs.windFarmcard!=undefined)
|
|
|
+ {
|
|
|
+ for (let i = 0; i < _this.plusDrawerList.length; i++) {
|
|
|
+ _this.$refs.windFarmcard[i].getWindfieldid(_this.plusDrawerList[i]);
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
},
|
|
|
monitoringAuthority: function() {
|
|
|
this.drawerList = uni.getStorageSync('leftlist1');
|
|
|
@@ -1717,791 +1727,7 @@
|
|
|
canvaLineA.scroll(e);
|
|
|
},
|
|
|
getWindStationCardData: function() {
|
|
|
- let LineA1 = {
|
|
|
- categories: [
|
|
|
- ' 17:26',
|
|
|
- '18:56',
|
|
|
- '19:56',
|
|
|
- '20:56',
|
|
|
- '21:56',
|
|
|
- '22:56',
|
|
|
- '23:56',
|
|
|
- '00:56',
|
|
|
- '01:56',
|
|
|
- '02:56',
|
|
|
- '03:56',
|
|
|
- '04:56',
|
|
|
- '05:56',
|
|
|
- '06:56',
|
|
|
- '07:56',
|
|
|
- '08:56',
|
|
|
- '09:56',
|
|
|
- '10:56',
|
|
|
- '11:56',
|
|
|
- '12:56',
|
|
|
- '13:56',
|
|
|
- '14:56',
|
|
|
- '15:56',
|
|
|
- '16:56',
|
|
|
- '17:56 '
|
|
|
- ],
|
|
|
- series: [{
|
|
|
- name: '功率',
|
|
|
- data: [],
|
|
|
- color: '#4BB94B',
|
|
|
- textColor: '#FFFFFF',
|
|
|
- textSize: this.seriesTextSize,
|
|
|
- format: val => {
|
|
|
- return val + 'kwh';
|
|
|
- },
|
|
|
- index: 0,
|
|
|
- legendShape: 'circle'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '风速',
|
|
|
- data: [],
|
|
|
- color: '#E82E2F',
|
|
|
- textColor: '#FFFFFF',
|
|
|
- textSize: this.seriesTextSize,
|
|
|
- format: val => {
|
|
|
- return val + 'm/s';
|
|
|
- },
|
|
|
- index: 1,
|
|
|
- legendShape: 'circle'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '理论功率',
|
|
|
- data: [],
|
|
|
- color: '#F5A83C',
|
|
|
- textColor: '#FFFFFF',
|
|
|
- textSize: this.seriesTextSize,
|
|
|
- format: val => {
|
|
|
- return val + 'kwh';
|
|
|
- },
|
|
|
- index: 0,
|
|
|
- legendShape: 'circle'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '预测功率',
|
|
|
- data: [],
|
|
|
- color: '#4A80B1',
|
|
|
- textColor: '#FFFFFF',
|
|
|
- textSize: this.seriesTextSize,
|
|
|
- format: val => {
|
|
|
- return val + 'kwh';
|
|
|
- },
|
|
|
- index: 1,
|
|
|
- legendShape: 'circle'
|
|
|
- }
|
|
|
- ]
|
|
|
- };
|
|
|
-
|
|
|
- let LineB = {
|
|
|
- categories: [
|
|
|
- ' 17:26',
|
|
|
- '18:56',
|
|
|
- '19:56',
|
|
|
- '20:56',
|
|
|
- '21:56',
|
|
|
- '22:56',
|
|
|
- '23:56',
|
|
|
- '00:56',
|
|
|
- '01:56',
|
|
|
- '02:56',
|
|
|
- '03:56',
|
|
|
- '04:56',
|
|
|
- '05:56',
|
|
|
- '06:56',
|
|
|
- '07:56',
|
|
|
- '08:56',
|
|
|
- '09:56',
|
|
|
- '10:56',
|
|
|
- '11:56',
|
|
|
- '12:56',
|
|
|
- '13:56',
|
|
|
- '14:56',
|
|
|
- '15:56',
|
|
|
- '16:56',
|
|
|
- '17:56 '
|
|
|
- ],
|
|
|
- series: [{
|
|
|
- name: '功率',
|
|
|
- data: [],
|
|
|
- color: '#4BB94B',
|
|
|
- textColor: '#FFFFFF',
|
|
|
- textSize: this.seriesTextSize,
|
|
|
- format: val => {
|
|
|
- return val + 'kwh';
|
|
|
- },
|
|
|
- index: 0,
|
|
|
- legendShape: 'circle'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '风速',
|
|
|
- data: [],
|
|
|
- color: '#E82E2F',
|
|
|
- textColor: '#FFFFFF',
|
|
|
- textSize: this.seriesTextSize,
|
|
|
- format: val => {
|
|
|
- return val + 'm/s';
|
|
|
- },
|
|
|
- index: 1,
|
|
|
- legendShape: 'circle'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '理论功率',
|
|
|
- data: [],
|
|
|
- color: '#F5A83C',
|
|
|
- textColor: '#FFFFFF',
|
|
|
- textSize: this.seriesTextSize,
|
|
|
- format: val => {
|
|
|
- return val + 'kwh';
|
|
|
- },
|
|
|
- index: 0,
|
|
|
- legendShape: 'circle'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '预测功率',
|
|
|
- data: [],
|
|
|
- color: '#4A80B1',
|
|
|
- textColor: '#FFFFFF',
|
|
|
- textSize: this.seriesTextSize,
|
|
|
- format: val => {
|
|
|
- return val + 'kwh';
|
|
|
- },
|
|
|
- index: 1,
|
|
|
- legendShape: 'circle'
|
|
|
- }
|
|
|
- ]
|
|
|
- };
|
|
|
-
|
|
|
- let LineC = {
|
|
|
- categories: [
|
|
|
- ' 17:26',
|
|
|
- '18:56',
|
|
|
- '19:56',
|
|
|
- '20:56',
|
|
|
- '21:56',
|
|
|
- '22:56',
|
|
|
- '23:56',
|
|
|
- '00:56',
|
|
|
- '01:56',
|
|
|
- '02:56',
|
|
|
- '03:56',
|
|
|
- '04:56',
|
|
|
- '05:56',
|
|
|
- '06:56',
|
|
|
- '07:56',
|
|
|
- '08:56',
|
|
|
- '09:56',
|
|
|
- '10:56',
|
|
|
- '11:56',
|
|
|
- '12:56',
|
|
|
- '13:56',
|
|
|
- '14:56',
|
|
|
- '15:56',
|
|
|
- '16:56',
|
|
|
- '17:56 '
|
|
|
- ],
|
|
|
- series: [{
|
|
|
- name: '功率',
|
|
|
- data: [],
|
|
|
- color: '#4BB94B',
|
|
|
- textColor: '#FFFFFF',
|
|
|
- textSize: this.seriesTextSize,
|
|
|
- format: val => {
|
|
|
- return val + 'kwh';
|
|
|
- },
|
|
|
- index: 0,
|
|
|
- legendShape: 'circle'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '风速',
|
|
|
- data: [],
|
|
|
- color: '#E82E2F',
|
|
|
- textColor: '#FFFFFF',
|
|
|
- textSize: this.seriesTextSize,
|
|
|
- format: val => {
|
|
|
- return val + 'm/s';
|
|
|
- },
|
|
|
- index: 1,
|
|
|
- legendShape: 'circle'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '理论功率',
|
|
|
- data: [],
|
|
|
- color: '#F5A83C',
|
|
|
- textColor: '#FFFFFF',
|
|
|
- textSize: this.seriesTextSize,
|
|
|
- format: val => {
|
|
|
- return val + 'kwh';
|
|
|
- },
|
|
|
- index: 0,
|
|
|
- legendShape: 'circle'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '预测功率',
|
|
|
- data: [],
|
|
|
- color: '#4A80B1',
|
|
|
- textColor: '#FFFFFF',
|
|
|
- textSize: this.seriesTextSize,
|
|
|
- format: val => {
|
|
|
- return val + 'kwh';
|
|
|
- },
|
|
|
- index: 1,
|
|
|
- legendShape: 'circle'
|
|
|
- }
|
|
|
- ]
|
|
|
- };
|
|
|
-
|
|
|
- let LineD = {
|
|
|
- categories: [
|
|
|
- ' 17:26',
|
|
|
- '18:56',
|
|
|
- '19:56',
|
|
|
- '20:56',
|
|
|
- '21:56',
|
|
|
- '22:56',
|
|
|
- '23:56',
|
|
|
- '00:56',
|
|
|
- '01:56',
|
|
|
- '02:56',
|
|
|
- '03:56',
|
|
|
- '04:56',
|
|
|
- '05:56',
|
|
|
- '06:56',
|
|
|
- '07:56',
|
|
|
- '08:56',
|
|
|
- '09:56',
|
|
|
- '10:56',
|
|
|
- '11:56',
|
|
|
- '12:56',
|
|
|
- '13:56',
|
|
|
- '14:56',
|
|
|
- '15:56',
|
|
|
- '16:56',
|
|
|
- '17:56 '
|
|
|
- ],
|
|
|
- series: [{
|
|
|
- name: '功率',
|
|
|
- data: [],
|
|
|
- color: '#4BB94B',
|
|
|
- textColor: '#FFFFFF',
|
|
|
- textSize: this.seriesTextSize,
|
|
|
- format: val => {
|
|
|
- return val + 'kwh';
|
|
|
- },
|
|
|
- index: 0,
|
|
|
- legendShape: 'circle'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '风速',
|
|
|
- data: [],
|
|
|
- color: '#E82E2F',
|
|
|
- textColor: '#FFFFFF',
|
|
|
- textSize: this.seriesTextSize,
|
|
|
- format: val => {
|
|
|
- return val + 'm/s';
|
|
|
- },
|
|
|
- index: 1,
|
|
|
- legendShape: 'circle'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '理论功率',
|
|
|
- data: [],
|
|
|
- color: '#F5A83C',
|
|
|
- textColor: '#FFFFFF',
|
|
|
- textSize: this.seriesTextSize,
|
|
|
- format: val => {
|
|
|
- return val + 'kwh';
|
|
|
- },
|
|
|
- index: 0,
|
|
|
- legendShape: 'circle'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '预测功率',
|
|
|
- data: [],
|
|
|
- color: '#4A80B1',
|
|
|
- textColor: '#FFFFFF',
|
|
|
- textSize: this.seriesTextSize,
|
|
|
- format: val => {
|
|
|
- return val + 'kwh';
|
|
|
- },
|
|
|
- index: 1,
|
|
|
- legendShape: 'circle'
|
|
|
- }
|
|
|
- ]
|
|
|
- };
|
|
|
-
|
|
|
- let LineE = {
|
|
|
- categories: [
|
|
|
- ' 17:26',
|
|
|
- '18:56',
|
|
|
- '19:56',
|
|
|
- '20:56',
|
|
|
- '21:56',
|
|
|
- '22:56',
|
|
|
- '23:56',
|
|
|
- '00:56',
|
|
|
- '01:56',
|
|
|
- '02:56',
|
|
|
- '03:56',
|
|
|
- '04:56',
|
|
|
- '05:56',
|
|
|
- '06:56',
|
|
|
- '07:56',
|
|
|
- '08:56',
|
|
|
- '09:56',
|
|
|
- '10:56',
|
|
|
- '11:56',
|
|
|
- '12:56',
|
|
|
- '13:56',
|
|
|
- '14:56',
|
|
|
- '15:56',
|
|
|
- '16:56',
|
|
|
- '17:56 '
|
|
|
- ],
|
|
|
- series: [{
|
|
|
- name: '功率',
|
|
|
- data: [],
|
|
|
- color: '#4BB94B',
|
|
|
- textColor: '#FFFFFF',
|
|
|
- textSize: this.seriesTextSize,
|
|
|
- format: val => {
|
|
|
- return val + 'kwh';
|
|
|
- },
|
|
|
- index: 0,
|
|
|
- legendShape: 'circle'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '风速',
|
|
|
- data: [],
|
|
|
- color: '#E82E2F',
|
|
|
- textColor: '#FFFFFF',
|
|
|
- textSize: this.seriesTextSize,
|
|
|
- format: val => {
|
|
|
- return val + 'm/s';
|
|
|
- },
|
|
|
- index: 1,
|
|
|
- legendShape: 'circle'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '理论功率',
|
|
|
- data: [],
|
|
|
- color: '#F5A83C',
|
|
|
- textColor: '#FFFFFF',
|
|
|
- textSize: this.seriesTextSize,
|
|
|
- format: val => {
|
|
|
- return val + 'kwh';
|
|
|
- },
|
|
|
- index: 0,
|
|
|
- legendShape: 'circle'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '预测功率',
|
|
|
- data: [],
|
|
|
- color: '#4A80B1',
|
|
|
- textColor: '#FFFFFF',
|
|
|
- textSize: this.seriesTextSize,
|
|
|
- format: val => {
|
|
|
- return val + 'kwh';
|
|
|
- },
|
|
|
- index: 1,
|
|
|
- legendShape: 'circle'
|
|
|
- }
|
|
|
- ]
|
|
|
- };
|
|
|
-
|
|
|
- this.showWindStationCardLineA1('windStationCanvasLineA', LineA1);
|
|
|
- this.showWindStationCardLineA2('windStationCanvasLineB', LineB);
|
|
|
- this.showWindStationCardLineA3('windStationCanvasLineC', LineC);
|
|
|
- this.showWindStationCardLineA4('windStationCanvasLineD', LineD);
|
|
|
- this.showWindStationCardLineA5('windStationCanvasLineE', LineE);
|
|
|
- },
|
|
|
- showWindStationCardLineA1(canvasId, chartData) {
|
|
|
- var _self = this;
|
|
|
- canvaLineB1 = new uCharts({
|
|
|
- $this: _self,
|
|
|
- canvasId: canvasId,
|
|
|
- type: 'line',
|
|
|
- fontSize: 11,
|
|
|
- legend: {
|
|
|
- show: true,
|
|
|
- position: 'top',
|
|
|
- float: 'right',
|
|
|
- fontColor: 'silver',
|
|
|
- itemGap: '9',
|
|
|
- itemWidth: '3'
|
|
|
- },
|
|
|
- dataLabel: false,
|
|
|
- dataPointShape: false,
|
|
|
- background: '#FFFFFF',
|
|
|
- pixelRatio: _self.windStationCardPixelRatio,
|
|
|
- categories: chartData.categories,
|
|
|
- series: chartData.series,
|
|
|
- animation: true,
|
|
|
- xAxis: {
|
|
|
- disableGrid: true,
|
|
|
- type: 'grid',
|
|
|
- gridColor: 'silver',
|
|
|
- fontColor: 'silver',
|
|
|
- gridType: 'solid',
|
|
|
- gridColor: '#2E2E2E',
|
|
|
- axisLineColor: '#2E2E2E',
|
|
|
- labelCount: '3'
|
|
|
- // itemCount:"3"
|
|
|
- },
|
|
|
- yAxis: {
|
|
|
- data: [{
|
|
|
- type: 'value',
|
|
|
- fontColor: 'silver',
|
|
|
- disabled: false, //y轴轴线
|
|
|
- min: 0,
|
|
|
- max: 40,
|
|
|
- position: 'left',
|
|
|
- axisLineColor: '#2E2E2E',
|
|
|
- title: ' 风速:(m/s)',
|
|
|
- titleFontColor: 'silver'
|
|
|
- },
|
|
|
- {
|
|
|
- fontColor: 'silver',
|
|
|
- disabled: false, //y轴轴线
|
|
|
- min: 0,
|
|
|
- max: 40,
|
|
|
- position: 'right',
|
|
|
- axisLineColor: '#2E2E2E',
|
|
|
- title: '功率:(kwh)',
|
|
|
- titleFontColor: 'silver'
|
|
|
- }
|
|
|
- ],
|
|
|
- disabled: true,
|
|
|
- gridColor: '#2E2E2E',
|
|
|
- splitNumber: 4,
|
|
|
- gridType: 'solid',
|
|
|
- dashLength: 8,
|
|
|
- showTitle: 'true',
|
|
|
- format: val => {
|
|
|
- return val.toFixed(0) + '元';
|
|
|
- }
|
|
|
- },
|
|
|
- width: _self.windStationCardCWidth * _self.windStationCardPixelRatio,
|
|
|
- height: _self.windStationCardCHeight * _self.windStationCardPixelRatio,
|
|
|
- padding: [10, 0, 0, 0], //画布填充边距，顺序为上右下左，同css，但必须4位
|
|
|
- extra: {
|
|
|
- line: {
|
|
|
- type: 'line',
|
|
|
- width: '1'
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- showWindStationCardLineA2(canvasId, chartData) {
|
|
|
- var _self = this;
|
|
|
- canvaLineB2 = new uCharts({
|
|
|
- $this: _self,
|
|
|
- canvasId: canvasId,
|
|
|
- type: 'line',
|
|
|
- fontSize: 11,
|
|
|
- legend: {
|
|
|
- show: true,
|
|
|
- position: 'top',
|
|
|
- float: 'right',
|
|
|
- fontColor: 'silver',
|
|
|
- itemGap: '9',
|
|
|
- itemWidth: '3'
|
|
|
- },
|
|
|
- dataLabel: false,
|
|
|
- dataPointShape: false,
|
|
|
- background: '#FFFFFF',
|
|
|
- pixelRatio: _self.windStationCardPixelRatio,
|
|
|
- categories: chartData.categories,
|
|
|
- series: chartData.series,
|
|
|
- animation: true,
|
|
|
- xAxis: {
|
|
|
- disableGrid: true,
|
|
|
- type: 'grid',
|
|
|
- gridColor: 'silver',
|
|
|
- fontColor: 'silver',
|
|
|
- gridType: 'solid',
|
|
|
- gridColor: '#2E2E2E',
|
|
|
- axisLineColor: '#2E2E2E',
|
|
|
- labelCount: '3'
|
|
|
- // itemCount:"3"
|
|
|
- },
|
|
|
- yAxis: {
|
|
|
- data: [{
|
|
|
- type: 'value',
|
|
|
- fontColor: 'silver',
|
|
|
- disabled: false, //y轴轴线
|
|
|
- min: 0,
|
|
|
- max: 40,
|
|
|
- position: 'left',
|
|
|
- axisLineColor: '#2E2E2E',
|
|
|
- title: ' 风速:(m/s)',
|
|
|
- titleFontColor: 'silver'
|
|
|
- },
|
|
|
- {
|
|
|
- fontColor: 'silver',
|
|
|
- disabled: false, //y轴轴线
|
|
|
- min: 0,
|
|
|
- max: 40,
|
|
|
- position: 'right',
|
|
|
- axisLineColor: '#2E2E2E',
|
|
|
- title: '功率:(kwh)',
|
|
|
- titleFontColor: 'silver'
|
|
|
- }
|
|
|
- ],
|
|
|
- disabled: true,
|
|
|
- gridColor: '#2E2E2E',
|
|
|
- splitNumber: 4,
|
|
|
- gridType: 'solid',
|
|
|
- dashLength: 8,
|
|
|
- showTitle: 'true',
|
|
|
- format: val => {
|
|
|
- return val.toFixed(0) + '元';
|
|
|
- }
|
|
|
- },
|
|
|
- width: _self.windStationCardCWidth * _self.windStationCardPixelRatio,
|
|
|
- height: _self.windStationCardCHeight * _self.windStationCardPixelRatio,
|
|
|
- padding: [10, 0, 0, 0], //画布填充边距，顺序为上右下左，同css，但必须4位
|
|
|
- extra: {
|
|
|
- line: {
|
|
|
- type: 'line',
|
|
|
- width: '1'
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- showWindStationCardLineA3(canvasId, chartData) {
|
|
|
- var _self = this;
|
|
|
- canvaLineB3 = new uCharts({
|
|
|
- $this: _self,
|
|
|
- canvasId: canvasId,
|
|
|
- type: 'line',
|
|
|
- fontSize: 11,
|
|
|
- legend: {
|
|
|
- show: true,
|
|
|
- position: 'top',
|
|
|
- float: 'right',
|
|
|
- fontColor: 'silver',
|
|
|
- itemGap: '9',
|
|
|
- itemWidth: '3'
|
|
|
- },
|
|
|
- dataLabel: false,
|
|
|
- dataPointShape: false,
|
|
|
- background: '#FFFFFF',
|
|
|
- pixelRatio: _self.windStationCardPixelRatio,
|
|
|
- categories: chartData.categories,
|
|
|
- series: chartData.series,
|
|
|
- animation: true,
|
|
|
- xAxis: {
|
|
|
- disableGrid: true,
|
|
|
- type: 'grid',
|
|
|
- gridColor: 'silver',
|
|
|
- fontColor: 'silver',
|
|
|
- gridType: 'solid',
|
|
|
- gridColor: '#2E2E2E',
|
|
|
- axisLineColor: '#2E2E2E',
|
|
|
- labelCount: '3'
|
|
|
- // itemCount:"3"
|
|
|
- },
|
|
|
- yAxis: {
|
|
|
- data: [{
|
|
|
- type: 'value',
|
|
|
- fontColor: 'silver',
|
|
|
- disabled: false, //y轴轴线
|
|
|
- min: 0,
|
|
|
- max: 40,
|
|
|
- position: 'left',
|
|
|
- axisLineColor: '#2E2E2E',
|
|
|
- title: ' 风速:(m/s)',
|
|
|
- titleFontColor: 'silver'
|
|
|
- },
|
|
|
- {
|
|
|
- fontColor: 'silver',
|
|
|
- disabled: false, //y轴轴线
|
|
|
- min: 0,
|
|
|
- max: 40,
|
|
|
- position: 'right',
|
|
|
- axisLineColor: '#2E2E2E',
|
|
|
- title: '功率:(kwh)',
|
|
|
- titleFontColor: 'silver'
|
|
|
- }
|
|
|
- ],
|
|
|
- disabled: true,
|
|
|
- gridColor: '#2E2E2E',
|
|
|
- splitNumber: 4,
|
|
|
- gridType: 'solid',
|
|
|
- dashLength: 8,
|
|
|
- showTitle: 'true',
|
|
|
- format: val => {
|
|
|
- return val.toFixed(0) + '元';
|
|
|
- }
|
|
|
- },
|
|
|
- width: _self.windStationCardCWidth * _self.windStationCardPixelRatio,
|
|
|
- height: _self.windStationCardCHeight * _self.windStationCardPixelRatio,
|
|
|
- padding: [10, 0, 0, 0], //画布填充边距，顺序为上右下左，同css，但必须4位
|
|
|
- extra: {
|
|
|
- line: {
|
|
|
- type: 'line',
|
|
|
- width: '1'
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- showWindStationCardLineA4(canvasId, chartData) {
|
|
|
- var _self = this;
|
|
|
- canvaLineB4 = new uCharts({
|
|
|
- $this: _self,
|
|
|
- canvasId: canvasId,
|
|
|
- type: 'line',
|
|
|
- fontSize: 11,
|
|
|
- legend: {
|
|
|
- show: true,
|
|
|
- position: 'top',
|
|
|
- float: 'right',
|
|
|
- fontColor: 'silver',
|
|
|
- itemGap: '9',
|
|
|
- itemWidth: '3'
|
|
|
- },
|
|
|
- dataLabel: false,
|
|
|
- dataPointShape: false,
|
|
|
- background: '#FFFFFF',
|
|
|
- pixelRatio: _self.windStationCardPixelRatio,
|
|
|
- categories: chartData.categories,
|
|
|
- series: chartData.series,
|
|
|
- animation: true,
|
|
|
- xAxis: {
|
|
|
- disableGrid: true,
|
|
|
- type: 'grid',
|
|
|
- gridColor: 'silver',
|
|
|
- fontColor: 'silver',
|
|
|
- gridType: 'solid',
|
|
|
- gridColor: '#2E2E2E',
|
|
|
- axisLineColor: '#2E2E2E',
|
|
|
- labelCount: '3'
|
|
|
- // itemCount:"3"
|
|
|
- },
|
|
|
- yAxis: {
|
|
|
- data: [{
|
|
|
- type: 'value',
|
|
|
- fontColor: 'silver',
|
|
|
- disabled: false, //y轴轴线
|
|
|
- min: 0,
|
|
|
- max: 40,
|
|
|
- position: 'left',
|
|
|
- axisLineColor: '#2E2E2E',
|
|
|
- title: ' 风速:(m/s)',
|
|
|
- titleFontColor: 'silver'
|
|
|
- },
|
|
|
- {
|
|
|
- fontColor: 'silver',
|
|
|
- disabled: false, //y轴轴线
|
|
|
- min: 0,
|
|
|
- max: 40,
|
|
|
- position: 'right',
|
|
|
- axisLineColor: '#2E2E2E',
|
|
|
- title: '功率:(kwh)',
|
|
|
- titleFontColor: 'silver'
|
|
|
- }
|
|
|
- ],
|
|
|
- disabled: true,
|
|
|
- gridColor: '#2E2E2E',
|
|
|
- splitNumber: 4,
|
|
|
- gridType: 'solid',
|
|
|
- dashLength: 8,
|
|
|
- showTitle: 'true',
|
|
|
- format: val => {
|
|
|
- return val.toFixed(0) + '元';
|
|
|
- }
|
|
|
- },
|
|
|
- width: _self.windStationCardCWidth * _self.windStationCardPixelRatio,
|
|
|
- height: _self.windStationCardCHeight * _self.windStationCardPixelRatio,
|
|
|
- padding: [10, 0, 0, 0], //画布填充边距，顺序为上右下左，同css，但必须4位
|
|
|
- extra: {
|
|
|
- line: {
|
|
|
- type: 'line',
|
|
|
- width: '1'
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- showWindStationCardLineA5(canvasId, chartData) {
|
|
|
- var _self = this;
|
|
|
- canvaLineB5 = new uCharts({
|
|
|
- $this: _self,
|
|
|
- canvasId: canvasId,
|
|
|
- type: 'line',
|
|
|
- fontSize: 11,
|
|
|
- legend: {
|
|
|
- show: true,
|
|
|
- position: 'top',
|
|
|
- float: 'right',
|
|
|
- fontColor: 'silver',
|
|
|
- itemGap: '9',
|
|
|
- itemWidth: '3'
|
|
|
- },
|
|
|
- dataLabel: false,
|
|
|
- dataPointShape: false,
|
|
|
- background: '#FFFFFF',
|
|
|
- pixelRatio: _self.windStationCardPixelRatio,
|
|
|
- categories: chartData.categories,
|
|
|
- series: chartData.series,
|
|
|
- animation: true,
|
|
|
- xAxis: {
|
|
|
- disableGrid: true,
|
|
|
- type: 'grid',
|
|
|
- gridColor: 'silver',
|
|
|
- fontColor: 'silver',
|
|
|
- gridType: 'solid',
|
|
|
- gridColor: '#2E2E2E',
|
|
|
- axisLineColor: '#2E2E2E',
|
|
|
- labelCount: '3'
|
|
|
- // itemCount:"3"
|
|
|
- },
|
|
|
- yAxis: {
|
|
|
- data: [{
|
|
|
- type: 'value',
|
|
|
- fontColor: 'silver',
|
|
|
- disabled: false, //y轴轴线
|
|
|
- min: 0,
|
|
|
- max: 40,
|
|
|
- position: 'left',
|
|
|
- axisLineColor: '#2E2E2E',
|
|
|
- title: ' 风速:(m/s)',
|
|
|
- titleFontColor: 'silver'
|
|
|
- },
|
|
|
- {
|
|
|
- fontColor: 'silver',
|
|
|
- disabled: false, //y轴轴线
|
|
|
- min: 0,
|
|
|
- max: 40,
|
|
|
- position: 'right',
|
|
|
- axisLineColor: '#2E2E2E',
|
|
|
- title: '功率:(kwh)',
|
|
|
- titleFontColor: 'silver'
|
|
|
- }
|
|
|
- ],
|
|
|
- disabled: true,
|
|
|
- gridColor: '#2E2E2E',
|
|
|
- splitNumber: 4,
|
|
|
- gridType: 'solid',
|
|
|
- dashLength: 8,
|
|
|
- showTitle: 'true',
|
|
|
- format: val => {
|
|
|
- return val.toFixed(0) + '元';
|
|
|
- }
|
|
|
- },
|
|
|
- width: _self.windStationCardCWidth * _self.windStationCardPixelRatio,
|
|
|
- height: _self.windStationCardCHeight * _self.windStationCardPixelRatio,
|
|
|
- padding: [10, 0, 0, 0], //画布填充边距，顺序为上右下左，同css，但必须4位
|
|
|
- extra: {
|
|
|
- line: {
|
|
|
- type: 'line',
|
|
|
- width: '1'
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
};
|
