No label displayed on a doughnut chart by using Chart.PieceLabel

Ionic Framework ionic-v3
1

Hello,
It’s kinda weird, but if I include the code from here, I can draw the doughnut chart, the tooltip on each slice works well, but I have no label on each slice, is this component fully compatible with an ionic (version 3.91) project?
Thanks

2

Hello,

what I see is that the code in the link seems working as expected.

Maybe there is something wrong in your code or something missing in your code or something… in your …

Best regards, anna-liebt

3

Hello, do you reproduce the matter?
I found this component on here and I see that someone else is having the exact same problem than mine

4

hello,

no I have not rerproduced it. Why should I do that and how I should do that?

If I understood you correct, then the code in the link is working as expected.

Your code is not working as expected, but you don’t show it. How should anybody be able to help you?

If on here the problems is solved, reproduce it.
Best regards, anna-liebt.

5

As explained, I took the code from the link I published in my first post.
Html :

  <div id="chart-container">
      <canvas baseChart 
              [chartType]="chartType"
              [data]="chartData"
              [labels]="chartLabels"
              [options]="chartOptions">
      </canvas>
    </div>

Ts :

import 'chart.piecelabel.js';
@Component({
  selector: 'page-home',
  templateUrl: 'home.html',
  providers: [AppService, HomeMessages]
})
export class HomePage {
	public chartType: string = 'doughnut';
	public chartLabels: Array<string> = ['January', 'February', 'March'];
	public chartData: Array<number> = [1, 1, 1];
  
	public chartOptions: any = {
	  pieceLabel: {
		render: function (args) {
		  const label = args.label,
				value = args.value;
		  return label + ': ' + value;
		}
	  }
	}
}

Result obtained :
donut

6

Hello,

which version of Chart.PieceLabel.js is installed?

Best regards, anna-liebt

7

version 0.9.0, not fully sure that might explain the matter

8

Hello,

trying find the difference to what on stackblitz is done and you do. So on stackblitz is 0.8.1 used, but … Maybe I investigate later some time in somethings.

Best regards, anna-liebt

9

I also posted the question on the developer’s account on github on here but I got no reply yet

10

Hello, someone of you managed to display a label above a sector?