Ярлыки не отображаются в высоких диаграммах - PullRequest
Новая
       41

Ярлыки не отображаются в высоких диаграммах

0 голосов
/ 02 августа 2020

Я пытаюсь создать приложение highcharts с angular и Asp. Net, и я хочу создать диаграмму с данными из asp. net, поэтому я сделал функцию parseChartData для этого, но когда Я запускаю ярлыки данных приложения, показывающие «фрагмент» вместо настоящих имен и не показывающие мне значения данных, я не знаю почему.

Не могли бы вы мне помочь?

Это мой код: 

import { Component, OnInit, Input } from '@angular/core';
import * as Highcharts from 'highcharts';
import { Order } from 'src/app/shared/order';
import {Customer} from 'src/app/shared/customer';
import {SalesDataService} from '../../services/sales-data.service';


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

  constructor(private  _salesDataService:SalesDataService) { }
 


  @Input() inputData:any;
  @Input()  limit:number;
  
  highcharts=Highcharts;
  
  public  options: any = {
    chart: {
    type: 'pie'
     },
    title: {
    text: ''
     },
     plotOptions: {
       pie: {
       
       dataLabels: {
      enabled:true,
      
      },
      showInLegend: true
       },
    
    
    tooltip:{
      pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
    },
       
       },
      
    
      series: [{
  
        name: '',
        data: []
        
      },{
        name: '',
        data: []
      },{
      name: '',
      data: [],
       }
      ]
    }

  

  ngOnInit() {
    

    this.parseChartData(this.inputData,this.limit);
    
  }


 parseChartData(res:any,limit? :number){
   console.log('response:',res);
   const allData=res.slice(0,limit);
   console.log('allData(slice):', allData);

   


 this.options.series=[{data:allData.map(x=>x['total']),
  name:allData.map(x=>x['name'])
}]


 Highcharts.chart('container2',this.options);
}
}

введите описание изображения здесь

...