Question

我正在使用chart.js创建动态甜甜圈图表，并希望将图表的数据输入构建到CMS中，通过在HTML中使用“数据评级”来提取数据。

在我的jQuery中，我创建了两个变量来使图表输出值超出5 E.G. 1/5，2/5，3/5，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

Chart.js var in array

0 个答案: