jquery - 配列内の Chart.js 変数

Question

私は chart.js を使用して動的なドーナツ チャートを作成しており、チャートのデータ入力を CMS に構築し、HTML で「data-rating」を使用してデータを取得したいと考えています。

私の jQuery では、グラフの出力値を 5 つの EG 1/5、2/5、3/5、から作成する 2 つの変数を作成しまし4/5た5/5。

console.log手動で数値を配列に入力すると正常に動作しますが、変数を配列に入れると、正しい数値が引き出されますが、うまくいかないようです。

何か案は？別の変数の配列内の変数である可能性がありますか?

$('.doughnut').each(function(){
    var rating = $(this).attr('data-rating');
    var ratingDifference = 5 - rating;
    var data = [
        {
            value: rating,
            color: "rgba(129,129,129,0.5)"
        },
        {
            value: ratingDifference,
            color: "rgba(129,129,129,0.1)"
        }
    ];

    var options = { segmentShowStroke : false, }

    console.log('Rating: ' + rating);
    console.log('Difference: ' + ratingDifference);

    $(this).one('inview', function (event, visible) {
        if (visible == true) {
            new Chart($(this)[0].getContext('2d')).Doughnut(data,options);
        } else {
        }
    });
});

更新: 現時点での console.log の表示: 評価: 3 差異: 2 評価: 1 差異: 4 評価: 5 差異: 0 評価: 5 差異: 0