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) { return '$ ' + Intl.NumberFormat().format(value / 100000) + 'K'; }, }, }, ], xAxes: [{ gridLines: { lineWidth: 0, }, }, ], }, };cómo eliminar los valores de números impares en chartjs usando anuglar 12 . Estoy usando chartjs versión 2.9.4 y ng-charts 2 .4.2. Adjunto la imagen como referencia. No sé qué propiedad usar para eliminar los valores de paso en Yaxes.
Si reduce el tamaño del gráfico, el gráfico se vuelve borroso
Puede verificar en su devolución de llamada de ticks si el valor es par y, de ser así, devolver lo que tiene; de lo contrario, devolver una cadena vacía:
barChartOptions: ChartOptions = { responsive: true, legend: { display: false, }, scales: { yAxes: [{ gridLines: { lineWidth: 0 }, ticks: { callback: function(value: number, index, values) { return value % 2 === 0 ? '$ ' + Intl.NumberFormat().format(value / 100000) + 'K' : ''; }, }, }, ], xAxes: [{ gridLines: { lineWidth: 0, }, }, ], }, };