Comment faire varier l'épaisseur du graphique en anneau, en utilisant ChartJs.?

Question

Comment faire varier l'épaisseur du graphique en anneau, en utilisant ChartJs

Answer 1

depuis la version 2, le champ a été renommé cutoutPercentage.

découpagePourcentage
Numéro 50 - pour beignet, 0 - pour tarte
Pourcentage du graphique qui est coupé du milieu.

plus de détails ici http://www.chartjs.org/docs/#doughnut-pie-chart-chart-options

Answer 2

var options = {        
     cutoutPercentage: 70
};

Answer 3

utiliser, pourcentageInnerCutout , comme:

var options = {        
    percentageInnerCutout: 40
};
myNewChart = new Chart(ct).Doughnut(data, options);

Démo :: jsFiddle

Answer 4

Si vous utilisez chart.js pour Angular via ng2-charts vous feriez quelque chose comme ça dans votre fichier component.html:

// component.html file

<canvas baseChart [options]='chartOptions'>
</canvas>

// Do note that other required directives are missing in this example, but that I chose to highlight the 'options' directive

Et faites quelque chose comme ça dans votre fichier component.ts:

//component.ts file

chartOptions = {
  cutoutPercentage: 80
};

Une source d'information utile: directives de graphique disponibles et options de configuration pour la directive [options]