Javascript canvasjs.min.js:545未捕获类型错误:无法读取属性';可见';图纸画布上未定义的
我正在绘制一个canvasJS堆叠条形图,但它没有显示任何图形,而是给了我一个错误“canvasJS.min.js:545未捕获类型错误:无法读取未定义的属性“可见”Javascript canvasjs.min.js:545未捕获类型错误:无法读取属性';可见';图纸画布上未定义的,javascript,canvas,canvasjs,Javascript,Canvas,Canvasjs,我正在绘制一个canvasJS堆叠条形图,但它没有显示任何图形,而是给了我一个错误“canvasJS.min.js:545未捕获类型错误:无法读取未定义的属性“可见” window.onload=函数(){ var chart=new CanvasJS.chart(“chartContainer”{ animationEnabled:没错, 标题:{ 正文:“北美互联网流量的构成” }, axisX:{ 间隔类型:“年”, valueFormatString:“YYYY-MM”, }, ax
window.onload=函数(){
var chart=new CanvasJS.chart(“chartContainer”{
animationEnabled:没错,
标题:{
正文:“北美互联网流量的构成”
},
axisX:{
间隔类型:“年”,
valueFormatString:“YYYY-MM”,
},
axisY:{
后缀:“%”
},
工具提示:{
分享:真的
},
图例:{
对,,
垂直排列:“中心”,
水平对齐:“右”
},
数据:[{
类型:“stackedColumn100”,
名称:“实时”,
showInLegend:是的,
xValueFormatString:“YYYY-MM”,
yValueFormatString:“#,##0\”%\”,
数据点:[
{x:新日期(2018,10,01),y:0},{x:新日期(2018,10,06),y:0},{x:新日期(2018,10,08),y:215},{x:新日期(2018,10,09),y:51}]
},
{
类型:“stackedColumn100”,
名称:“网页浏览”,
showInLegend:是的,
//xValueFormatString:“YYYY-MM”,
yValueFormatString:“#,##0\”%\”,
数据点:[
{x:新日期(2018,10,01),y:0},{x:新日期(2018,10,06),y:0},{x:新日期(2018,10,08),y:0},{x:新日期(2018,10,09),y:0},{x:新日期(2018,10,10),y:0}]
},
{
类型:“堆叠柱100 MM”,
名称:“文件共享”,
showInLegend:是的,
//xValueFormatString:“YYYY-MM”,
yValueFormatString:“#,##0\”%\”,
数据点:[
{x:新日期(2018,10,01),y:1},{x:新日期(2018,10,06),y:0},{x:新日期(2018,10,08),y:0},{x:新日期(2018,10,09),y:0},{x:新日期(2018,10,10),y:0}]
},
{
类型:“stackedColumn100”,
姓名:“其他”,
showInLegend:是的,
//xValueFormatString:“YYYY-MM”,
yValueFormatString:“#,##0\”%\”,
数据点:[
{x:新日期(2018,10,01),y:0},{x:新日期(2018,10,06),y:14},{x:新日期(2018,10,08),y:86},{x:新日期(2018,10,09),y:171},{x:新日期(2018,10,10),y:112}]
}]
});
chart.render();
}
看起来您在类型StackedColumn100 MM
中有打字错误
window.onload=函数(){
var chart=new CanvasJS.chart(“chartContainer”{
animationEnabled:没错,
标题:{
正文:“北美互联网流量的构成”
},
axisX:{
间隔类型:“年”,
valueFormatString:“YYYY-MM”,
},
axisY:{
后缀:“%”
},
工具提示:{
分享:真的
},
图例:{
对,,
垂直排列:“中心”,
水平对齐:“右”
},
数据:[{
类型:“stackedColumn100”,
名称:“实时”,
showInLegend:是的,
xValueFormatString:“YYYY-MM”,
yValueFormatString:“#,##0\”%\”,
数据点:[
{x:新日期(2018,10,01),y:0},
{x:新日期(2018,10,06),y:0},
{x:新日期(2018,10,08),y:215},
{x:新日期(2018,10,09),y:51}
]
},
{
类型:“stackedColumn100”,
名称:“网页浏览”,
showInLegend:是的,
//xValueFormatString:“YYYY-MM”,
yValueFormatString:“#,##0\”%\”,
数据点:[
{x:新日期(2018,10,01),y:0},
{x:新日期(2018,10,06),y:0},
{x:新日期(2018,10,08),y:0},
{x:新日期(2018,10,09),y:0},
{x:新日期(2018,10,10),y:0}
]
},/**/
{
类型:“stackedColumn100”,
名称:“文件共享”,
showInLegend:是的,
//xValueFormatString:“YYYY-MM”,
yValueFormatString:“#,##0\”%\”,
数据点:[
{x:新日期(2018年10月1日),y:1},
{x:新日期(2018,10,06),y:0},
{x:新日期(2018,10,08),y:0},
{x:新日期(2018,10,09),y:0},
{x:新日期(2018,10,10),y:0}
]
},/**/
{
类型:“stackedColumn100”,
姓名:“其他”,
showInLegend:是的,
//xValueFormatString:“YYYY-MM”,
yValueFormatString:“#,##0\”%\”,
数据点:[
{x:新日期(2018,10,01),y:0},
{x:新日期(2018,10,06),y:14},
{x:新日期(2018,10,08),y:86},
{x:新日期(2018,10,09),y:171},
{x:新日期(2018,10,10),y:112}
]
}/**/]
});
chart.render();
}