您可以在fiddle link上找到解决方案

var ctx = document.getElementById("chart-area").getContext("2d");
var myDoughnut = new Chart(ctx, config);
var config = {
    type: 'doughnut',
    data: {
        datasets: [{
            data: [
               10,20,30
                ],
                backgroundColor: [
                "#F7464A",
                "#46BFBD",
                "#FDB45C"
            ],
        }, {
            data: [
                randomScalingFactor(),
                randomScalingFactor(),
                randomScalingFactor()

            ],
                backgroundColor: [
                "#F7464A",
                "#46BFBD",
                "#FDB45C"
            ],
        }],
        labels: [
            "Red",
            "Green",
            "Yellow"
        ]
    },
    options: {
        responsive: true
    }
};

您需要添加多个数据集到图表中。他们将显示为您需要的。请查看他们自己的sample饼图。您可以下载并打开它本地作为例子。他们有多个数据集，这使得图表看起来像你需要的。
希望能有所帮助。

我知道这是一个老问题，但昨天已经坚持到相同的，到目前为止，最好的，我有触摸是图表js，这是一个plugin谁做的正是这一点（甚至更多！）