javascript – chartsjs donut chart not rendering correctly

i have a multilevel donut chart but it is not rendering correctly
here is code

var op=93;
var ap=99;
var mp=66;
 var ctx = new Chart(myChart, {
        type: 'doughnut',

        data: {
            labels: ('Objects', 'Products', 'Materials'),
            datasets: ({
                label: 'Objects',
                data: (op, 100 - op),
                backgroundColor: ('#006a4e','#eeeeee'),
                hoverOffset: 4
            },{
                label: 'Products',
                data: (ap, 100 - ap),
                backgroundColor: ('#2e856e', '#eeeeee'),
                hoverOffset: 4
            },
                {
                    label: 'Materials',
                    data: (mp, 100 - mp),
                    backgroundColor: ('#5ca08e', '#eeeeee'),
                    hoverOffset: 4
                }
            )
        },
        options: {
            //cutoutPercentage: 40,
            height: 200,
            width:200

        }
    });

here is result,
enter image description here

the problem is, on all green parts it says objects, on all grey parts it says products,
solution i would like is, on outer ring it should say products, in middle objects, and inner most should be materials, grey areas should just show number