Javascript 图表JS错误:未在Firefox中定义图表
我是图表JS的新手,我目前正在AngleJS版本1.5.3中使用它,而图表JS我使用的是2.1.4版本,这是我下面的代码Javascript 图表JS错误:未在Firefox中定义图表,javascript,angularjs,chart.js,Javascript,Angularjs,Chart.js,我是图表JS的新手,我目前正在AngleJS版本1.5.3中使用它,而图表JS我使用的是2.1.4版本,这是我下面的代码 var myChart = new Chart(ctx, { type: 'line', data: { labels: dates, datasets: [{ label: 'Player Count', data: count, backgroundColor: "rgba(153,255,51,0.6)" }] }, options:
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: dates,
datasets: [{
label: 'Player Count',
data: count,
backgroundColor: "rgba(153,255,51,0.6)"
}]
},
options: {
tooltips: {titleFontSize:29, bodyFontSize:29},
scales: {
xAxes: [{
display: true,
gridLines: {
display: true
},
ticks: {
fontColor: '#000000'
},
scaleLabel: {
display: true,
labelString: 'Date',
fontColor: '#000000'
}
}],
yAxes: [{
display: true,
gridLines: {
display: true
},
ticks: {
fontColor: '#000000'
},
scaleLabel: {
display: true,
labelString: 'Player Count',
fontColor: '#000000'
}
}]
}
}
});
我看到我的图表显示在Chrome中,但在Firefox中我得到了这个错误
Error: Chart is not defined
我不知道原因是什么,任何反馈都会有帮助的,谢谢您必须在开始时提供指向
chart.js
的路径,而不提供/
这是因为在创建图表时,没有加载ChartJS库
您应该在WindowOnLoad事件上初始化图表,如下所示
var-app=angular.module('app',[]);
app.controller(“myCtrl”,函数($scope){
$scope.load=函数(){
var myChart=新图表(画布{
键入:“行”,
数据:{
标签:['一月','二月','三月'],
数据集:[{
标签:“玩家计数”,
数据:[1,2,3],
背景颜色:“rgba(153255,51,0.6)”
}]
},
选项:{
工具提示:{
标题字体:29,
车身尺寸:29
},
比例:{
xAxes:[{
显示:对,
网格线:{
显示:真
},
滴答声:{
fontColor:“#000000”
},
scaleLabel:{
显示:对,
标签字符串:“日期”,
fontColor:“#000000”
}
}],
雅克斯:[{
显示:对,
网格线:{
显示:真
},
滴答声:{
fontColor:“#000000”
},
scaleLabel:{
显示:对,
标签字符串:“玩家计数”,
fontColor:“#000000”
}
}]
}
}
});
}
});代码>
如何导入chart.js
?@MichalPietraszko我只使用了一个脚本标记