Tag: NG2-CHARTS
Tengo un gráfico de barras horizontales que utiliza una gran cantidad de datos. Enlace de Stack Blitz aquí. El problema es que a medida que agrego más filas, solo en el diseño de teléfono, las últimas filas no se muestran. Pero funciona bien en una pantalla de escritorio. Estoy aumentando . . . Read more
gráfico de barras archivo html <div class="mychart" > <canvas width="3" height="1" *ngIf="loaded" baseChart [data]="barChartData" [labels]="barChartLabels" [options]="barChartOptions" [legend]="barChartLegend" [chartType]="barChartType" [colors]="chartColors" > </canvas> </div> .ts barChartOptions: ChartOptions = { responsive: true, legend: { display: false, }, scales: { yAxes: [ { gridLines:{ lineWidth:0 }, ticks: { callback: function (value: number, index, values) . . . Read more
Haz clic aquí para ver la descripción de la imagen Archivo html Archivo ts barChartOptions: ChartConfiguration[‘options’] = { responsive: true, scales: { yAxes:[{ ticks: { stepSize: 2.5, beginAtZero: true, callback: function(value, index, values) { if (value === 0) { return ”; } else if (value === 100000) { return ‘1k’; . . . Read more
ts.file barChartOptions: any = { scaleShowVerticalLines: false, responsive: true }; barChartLabels: string[] =[]; barChartType: string = ‘horizontalBar’; barChartLegend: boolean = true; barChartData: any[] =[]; loaded = false; this.service.Salescount(form).subscribe((data) => { this.name = data.result; this.barChartLabels = this.name.map((item) => item.name); this.barChartData = this.name.map((item) => item.sales); this.loaded = true; }) Hay 4 valores . . . Read more
Creé gráficos en cada ruta. Cuando intento navegar de un componente a otro componente, obtengo este ERROR y la página se rompe. (por favor, vea la captura de pantalla a continuación) ¿Alguna solución? Gracias < canvas baseChart id=”barChart” #barChart [datasets]=”chartData” [labels]=”barChartLabels” [options]=”barChartOptions” [chartType]=”chartType”>