import { Component, OnInit } from "@angular/core";
import { HighlightResult } from "ngx-highlightjs";
import { NzMessageService } from "ng-zorro-antd/message";
import { addMilliseconds, format } from "date-fns";

@Component({
  selector: "app-point-value-line-chart",
  templateUrl: "./point-value-line-chart.component.html",
  styleUrls: ["./point-value-line-chart.component.scss"],
})
export class PointValueLineChartComponent implements OnInit {
  constructor(private message: NzMessageService) {}

  response: HighlightResult;

  typeScriptCode = 
`import { Component, OnInit } from "@angular/core";

@Component({
  selector: "multi-line-chart",
  template: '<bcac-multi-line-chart
  bcacTitle="站点噪声Leq趋势"
  bcacUnit="dB"
  bcacYaxisName="noise level(dB)"
  bcacXaxisName="月份"
  bcacYnameGap=30
  [bcacDatas]="chartDatas"
  ></bcac-multi-line-chart>',
  styleUrls: ["./multi-line-chart.component.scss"],
})
export class MultiLineChartComponent implements OnInit {
  constructor() {}

  chartDatas = this.makeData();
  timer;
  ngOnInit() {
    this.timer = window.setInterval(() => {
      this.chartDatas = this.makeData();
    }, 2000);
  }

  makeData() {
    let xAxisDatas = ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'];
    let seryNames = [];
    let datas =[];
    for(let i=1; i<16; i++) {
      seryNames.push('监测站点' + i);
      let subDatas = [];
      for(let j=0; j<12; j++) {
        subDatas.push((50 + 20*Math.random()).toFixed(2));
      }
      datas.push(subDatas);
    }
    return {
      xAxisDatas: xAxisDatas,
      seryNames: seryNames,
      datas:datas
    };
  }
}
`;

  copied($event) {
    if ($event.isSuccess) {
      this.message.success("复制成功");
    }
  }

  importModulStr = `import { ChartModule } from 'bcac-lib/business-component/chart';`;

  chartDatas = this.makeData();

  timer;
  ngOnInit() {
    this.timer = window.setInterval(() => {
      this.chartDatas = this.makeData();
      console.log("chartDatas", this.chartDatas);
    }, 2000);
  }

  makeData() {
    let xAxisDatas = ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'];
    let seryNames = [];
    let datas =[];
    for(let i=1; i<16; i++) {
      seryNames.push('监测站点' + i);
      let subDatas = [];
      for(let j=0; j<12; j++) {
        subDatas.push((50 + 20*Math.random()).toFixed(2));
      }
      datas.push(subDatas);
    }
    // let dataObj = {
    //   xAxisDatas: xAxisDatas,
    //   seriesNames: seriesNames,
    //   datas:datas
    // };
    return {
      xAxisDatas: xAxisDatas,
      seryNames: seryNames,
      datas:datas
    };
  }
}