Chartjs Radar grafiği dinamik veri problemi

Merhaba Arkadaşlar,
Chartjs de bulunan radar grafiği ile birşeyler yapmaya çalışıyorum..
Yapmak istediğim de php ile ürettiğim dinamik yapıyı grafik üzerinde göstermek.
verileri ajax ile çekiyorum istediğim herşey oluyor ama bir sorun yaşıyorum çözemedim..

Sorun şöyle:
ilk veride diyelim 4 içerik var
ikinci veride 5 içerik var
üçüncü veride 2 içerik var
bunlar grafikte görünüyor ama mause ile grafik üzerine geldiğimde veriler karışıyor
yani eski grafiği gösteriyor saçma bir görüntü çıkıyor bunu aşamadım bilen veya aynı
sorunu yaşayıp geçen arkadaşlarımız var mı ve nasıl geçeceğiz.

var ctx = $("#myChart").get(0).getContext("2d");


var dts = [
{
fillColor: "rgba(220,220,220,0.5)",
strokeColor: "rgba(220,220,220,1)",
data: [0]
}
];


var data = {
labels: ["veri Yok"],
datasets: dts
};


var chart = new Chart(ctx);
//chart.Radar(data);


//test code
setInterval( function () { 
var dType = 'JSON';
var submitType = 'GET';
jQuery.support.cors = true;
$.ajax({
type: submitType,
url: 'json.php',
async: true,
data: {},
contentType: 'application/json; charset=utf-8',
dataType: dType, 
success: function(item){ 
data.labels = item.isim;
data.datasets[0].data = item.sayi;

//}
},
statusCode: {
404: function(){
$('#test').hide().fadeIn().html("URL Çalışmıyor..");
}
}
});
chart.Radar(data);
},10000);

online bir yere upload edersen yardımcı olabilrim. (jsfiddle, codepen gibi)

Karışmasının tek nedeni eşit sayıda veri gelmemesi.
Kaç tane label varsa o kadar veri gelmesi gerekiyor.

Aşağıdaki örnekte olduğu gibi labels kısmında 6 elemanlık bir array varsa data kısmında da 6 elemanlık veri olması gerekiyor. Eğer o kadar veri yoksa gelmeyenleri 0 (sıfır) yazabilirsiniz.

var data = {
    labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
    datasets: [
        {
            label: "My First dataset",
            fillColor: "rgba(220,220,220,0.2)",
            strokeColor: "rgba(220,220,220,1)",
            pointColor: "rgba(220,220,220,1)",
            pointStrokeColor: "#fff",
            pointHighlightFill: "#fff",
            pointHighlightStroke: "rgba(220,220,220,1)",
            data: [65, 59, 90, 81, 56, 55, 40]
        },
        {
            label: "My Second dataset",
            fillColor: "rgba(151,187,205,0.2)",
            strokeColor: "rgba(151,187,205,1)",
            pointColor: "rgba(151,187,205,1)",
            pointStrokeColor: "#fff",
            pointHighlightFill: "#fff",
            pointHighlightStroke: "rgba(151,187,205,1)",
            data: [28, 48, 40, 19, 96, 27, 100]
        }
    ]
};