| | |
|---|
| | | @Component({ |
|---|
| | | selector: 'app-report', |
|---|
| | | templateUrl: './report.component.html', |
|---|
| | | // styles: ['./report.component.less'], |
|---|
| | | styleUrls: ['./report.component.css'] |
|---|
| | | |
|---|
| | | }) |
|---|
| | | export class ReportComponent implements OnInit { |
|---|
| | | [x: string]: any; |
|---|
| | | |
|---|
| | | spinning: boolean = true; |
|---|
| | | constructor( |
|---|
| | | public injector: Injector, |
|---|
| | | public http: HttpClient, |
|---|
| | |
|---|
| | | this.sensorArr.push(index); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | [x: string]: any; |
|---|
| | | |
|---|
| | | public spinning: boolean = true; |
|---|
| | | |
|---|
| | | public echartOption = { |
|---|
| | | backgroundColor: '', |
|---|
| | |
|---|
| | | name: '' |
|---|
| | | |
|---|
| | | }, |
|---|
| | | series: [ |
|---|
| | | // { |
|---|
| | | // smooth: true, |
|---|
| | | // type: 'line', |
|---|
| | | // data: [], |
|---|
| | | // name: '', |
|---|
| | | // itemStyle: { |
|---|
| | | // normal: { |
|---|
| | | // barBorderRadius: [10, 10, 10, 10] |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | ] |
|---|
| | | series: [] |
|---|
| | | }; |
|---|
| | | |
|---|
| | | sensorArr: any = []; |
|---|
| | | items: any = []; |
|---|
| | | timeType: any = {}; |
|---|
| | | title: string; |
|---|
| | | timeArr = ['年', '月', '日', '时', '分']; |
|---|
| | | ngOnInit() { |
|---|
| | | |
|---|
| | | this.activeRoute.queryParams.subscribe(params => { |
|---|
| | |
|---|
| | | option.backgroundColor = 'rgba(23,133,23,0.06)'; |
|---|
| | | } |
|---|
| | | for (let i = 0; i < items.length; i++) { |
|---|
| | | this.title = items[i].formatTime; |
|---|
| | | const legendName = items[i].formatTime + timeType.label + (items[i].mac ? items[i].deviceName : items[i].monitorPointName); |
|---|
| | | option.legend.data[i] = legendName; |
|---|
| | | const seriesData = datas[i]['data' + i][0][sensorKey]; |
|---|
| | | option.series.push({ |
|---|
| | | data: seriesData, |
|---|
| | | smooth: true, |
|---|
| | | type: 'line', |
|---|
| | | name: legendName |
|---|
| | | type: params.reportType, |
|---|
| | | name: legendName, |
|---|
| | | itemStyle: { |
|---|
| | | normal: { |
|---|
| | | barBorderRadius: [10, 10, 10, 10] |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | const myChart = echarts.init(document.getElementById('mydiv' + index)); |
|---|
| | |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | $('#content').attr({style: "display: inline;"}); |
|---|
| | | this.spinning = false; |
|---|
| | | const title = this.title.replace(' ', '-').split('-'); |
|---|
| | | this.title = ''; |
|---|
| | | for (let i = 0; i < title.length; i++) { |
|---|
| | | if (i < 3) { |
|---|
| | | this.title = this.title + title[i] + this.timeArr[i]; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.spinning = false; |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | } |
|---|
