import { Component, OnInit } from '@angular/core';
import { CommomService } from 'src/app/core/services/commom.service'

@Component({
  selector: 'app-horizontal-sub-chart',
  templateUrl: './horizontal-sub-chart.component.html',
  styleUrls: ['./horizontal-sub-chart.component.scss']
})
export class HorizontalSubChartComponent implements OnInit {

  constructor(
    private commonService: CommomService,
  ) { }

  chartTitle: string;
  fileName: string;
  loading: boolean = false;
  data;

  ngOnInit() {


    this.initChart();
  }

  initChart() {
    let chartData = {
      yData: ["东城", "西城", '朝阳', '丰台', '石景山', '海淀', '顺义', '通州', '大兴', '房山', '门头沟', '昌平', '平谷', '密云', '怀柔', '延庆'],
      xData: [],
      seriesName: ['昼间达标率'],
    };
    function getVirtualData() {
      chartData.seriesName.forEach(legend => {
        let xData = []
        chartData.yData.forEach(yCategory => {
          xData.push(Math.floor(Math.random() * 100).toFixed(1));
        });

        xData = xData.sort((a, b) => {
          return a - b;
        })
        chartData.xData.push(xData)
      });
    }
    getVirtualData();
    console.log(chartData.xData)

    this.chartTitle = "行政区达标率排行";
    this.fileName = "行政区达标率排行"
    this.data = chartData;

    this.loading = true;
  }

  getInstance($event) {
    console.log($event)
  }
}