import { Component, OnInit } from '@angular/core';
import { NzMessageService } from 'ng-zorro-antd';

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

  constructor(
    private message: NzMessageService
  ) { }

  ngOnInit() {
  }

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

@Component({
  selector: 'app-rose-pie-sub-chart',
  template: \`
  <bcac-rose-pie [bcacChartData]="bcacChartData" [bcacPieChartRoseType]="roseType"
    [bcacChartShowTitle]="true"></bcac-rose-pie>
  \`,
  styleUrls: ['./rose-pie-sub-chart.component.scss']
})
export class RosePieSubChartComponent implements OnInit {

  constructor() { }

  bcacChartData;
  roseType;
  radius;
  ngOnInit() {

    this.initChart()
  }
  initChart() {
    this.roseType = 'radius'
    this.radius = ['50%','60%']
    this.bcacChartData = [
      { value: 10, name: 'rose1' },
      { value: 5, name: 'rose2' },
      { value: 15, name: 'rose3' },
      { value: 25, name: 'rose4' },
      { value: 20, name: 'rose5' },
      { value: 35, name: 'rose6' },
      { value: 30, name: 'rose7' },
      { value: 40, name: 'rose8' }
    ]
  }
}
`;
  htmlCode = `import { ChartModule } from 'bcac-lib/business-component/chart'
  @NgModule({
    imports: [
      ChartModule
    ]
  })`;

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

  apiData = [
    { param: "[bcacChartTitleText]", desc: "图形标题", type: "string", defaultValue: '图表名' },
    { param: "[bcacChartShowTitle]", desc: "是否显示图形标题", type: "string", defaultValue: 'true' },
    { param: "[bcacChartFileName]", desc: "文件下载名", type: "string", defaultValue: '图表' },
    { param: "[bcacChartLoading]", desc: '图片加载等待', type: "boolean", defaultValue: 'false' },
    { param: "[bcacChartShowLegend]", desc: '是否显示legend图例', type: "boolean", defaultValue: 'true' },
    { param: "[bcacChartShowToolbox]", desc: '图片是否显示工具栏', type: "boolean", defaultValue: 'true' },
    { param: "[bcacShowLebel]", desc: '是否显示label', type: "boolean", defaultValue: 'false' },
    { param: "[bcacLegendPositon]", desc: 'legend位置', type: "right|bottom", defaultValue: 'right' },
    { param: "[bcacChartSeriesName]", desc: '系列名称', type: "string", defaultValue: "''" },
    { param: "[bcacPieChartRoseType]", desc: '玫瑰图类型', type: "radius|area", defaultValue: "radius" },
    { param: "[bcacPieChartRadius]", desc: '饼图半径', type: " Array<string> | Array<number>", defaultValue: '["20%", "50%"]' },
    { param: "[bcacPieChartCenter]", desc: '饼图位置', type: "Array<string> | Array<number>", defaultValue: '["50%", "50%"]' },
    { param: "[bcacChartData]", desc: '图片数据', type: "{name:string,value:string}[]", defaultValue: '[]' },
    { param: "(bcacGetChartInstance)", desc: '获取当前echart实例', type: "EventEmitter<>", defaultValue: '-' },
  ]

}