Chartjs Nested Pie/Doughnut charts

问题:

Chart.js makes some awesome looking charts and it's been working really well for me up until now. I'm wanting to create something like this:

Is it possible?

回答1:

This is possible as of version 2.0 of Chart.js, I think. Here's an example:

var ctx = document.getElementById("myChart"); var chartData = {   labels: [     "Red",     "Blue",     "Yellow"   ],   datasets: [{     data: [300, 50, 100],     backgroundColor: [       "#FF6384",       "#36A2EB",       "#FFCE56"     ],     hoverBackgroundColor: [       "#FF6384",       "#36A2EB",       "#FFCE56"     ]   }, {     data: [200, 100, 25, 25, 66, 34],     backgroundColor: [       "#FF6384",       "#36A2EB",       "#FFCE56",       "#FF6384",       "#36A2EB",       "#FFCE56"     ],     hoverBackgroundColor: [       "#FF6384",       "#36A2EB",       "#FFCE56",       "#FF6384",       "#36A2EB",       "#FFCE56"     ]   }] }; var pieChart = new Chart(ctx, {   type: 'pie',   data: chartData })

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script>  <canvas id="myChart" width="300" height="300"></canvas>

文章来源: Chartjs Nested Pie/Doughnut charts