首页 > 解决方案 > 尝试渲染代码时,它说“图表”未定义,但它在 jQuery 中。我没有正确调用 jQuery 吗?

问题描述

我正在尝试从 jQuery 中获取饼图,但我不确定我是否正确调用它。我的 CSS 渲染,它在 codepen 上工作,但在 chrome 中它说“图表”是未定义的,尽管它是在 jQuery 中定义的。这让我相信我没有正确调用外部 jQuery。

    jQuery(function(){
    require(['https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.6/Chart.js'])
        var ctx = document.getElementById("myChart");
        var myChart = new Chart(ctx, {
        type: 'pie',
        data: {
            labels: [],
            datasets: [{
            data: [42, 8, 50],
            backgroundColor: [
                "#ed6a47",
                "#faae53",
                "#ffd5a3",
            ],

            borderWidth: 0
            }]
        },
        options: {
            cutoutPercentage: 50,
            responsive: false,

        }
        });
      });  
    ]]></xsl:variable>

标签: jquery

解决方案


尝试在带有脚本标记的脚本之前调用 jquery。

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.6/Chart.js"></script>

推荐阅读