2

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

在我的 jQuery 中，我创建了两个变量来使图表输出值包含 5 个 EG 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

4

0 回答 0