jquery - 尝试渲染代码时,它说“图表”未定义,但它在 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。
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.6/Chart.js"></script>
推荐阅读
- python - Kivy:如何屏蔽所有用户交互?
- r - 如何使用 Plotly 在 R 中添加趋势线
- autodesk-forge - BIM360 Docs GET 文件夹内容页数限制
- python - 在 Django 中使用 jsonb_object_keys postgres 函数?
- amazon-web-services - AWS ElasticSearch - 自动化手动快照
- ios - 索引 16 越界;swift中的字符串长度为0
- spring-boot - Spring Boot:自动配置的工作原理和@JsonTest
- redirect - 限制 HTTP 引用者的请求 - IIS
- powerbi - Power BI-创建单选按钮筛选器(右侧窗格,不在仪表板/工作表上)
- view - ORACLE - 解码视图谓词并应用于基表