Charts.js-来自JSON的onComplete javascript函数
我正在使用Charts.js，其中的数据和选项来自json中的AJAX请求。 当我需要在Charts.js-来自JSON的onComplete javascript函数,json,chart.js,Json,Chart.js,我正在使用Charts.js，其中的数据和选项来自json中的AJAX请求。 当我需要在onComplete事件上添加回调作为选项时，就会出现问题，因为JSON应该如下 "animation" : { "onComplete" : function(animation){alert('ok')} }, 这不是有效的JSON 我尝试以简单文本的形式检索数据（datatype:'text'），但在将其传递给Charts.js时，我遇到了一个错误： Uncaught TypeEr
onComplete"animation" : {
"onComplete" : function(animation){alert('ok')}
},
datatype:'text'Uncaught TypeError: Cannot create property 'data' on string
{
"type" : "line",
"data" : {
"datasets" : [ {
"data" : [ {
"t" : 1551096300000,
"y" : 22.8125
}, {
"t" : 1551096600000,
"y" : 22.8125
}, {
"t" : 1551096900000,
"y" : 22.8125
}, {
"t" : 1551097200000,
"y" : 22.8125
}, {
"t" : 1551097500000,
"y" : 22.8125
}, {
"t" : 1551097800000,
"y" : 19.3125
}],
"label" : "Sample data",
"fill" : false,
"backgroundColor" : "rgba(0,128,0,1.000)",
"borderWidth" : 2,
"borderColor" : "rgba(0,128,0,1.000)"
},
"options" : {
"responsive" : true,
"maintainAspectRatio" : true,
"title" : {
"display" : true,
"position" : "top",
"text" : "Temperature (°C)"
},
"legend" : {
"position" : "bottom"
},
"hover" : {
"mode" : "dataset"
},
"animation" : {
"onComplete" : function(animation){alert('ok')}
},
"scales" : {
"xAxes" : [ {
"type" : "time",
"time" : {
"displayFormats" : {
"millisecond" : null,
"second" : null,
"minute" : "HH:mm",
"hour" : "DD/MM HH:mm",
"day" : "DD/MM HH:mm",
"week" : null,
"month" : "DD/MM HH",
"quarter" : null,
"year" : null
},
"tooltipFormat" : "DD/MM/YY HH:mm"
}
} ]
},
"elements" : {
"point" : {
"radius" : 1,
"hitRadius" : 2,
"hoverRadius" : 2
}
}
}
}
首先，您忘记关闭第29行中的数据集数组 其次，在JSON结果中定义函数是无效的（第45行）。 检查此项： 又一次，你忘了在末尾合上花括号
{
"type": "line",
"data": {
"datasets": [{
"data": [{
"t": 1551096300000,
"y": 22.8125
}, {
"t": 1551096600000,
"y": 22.8125
}, {
"t": 1551096900000,
"y": 22.8125
}, {
"t": 1551097200000,
"y": 22.8125
}, {
"t": 1551097500000,
"y": 22.8125
}, {
"t": 1551097800000,
"y": 19.3125
}],
"label": "Sample data",
"fill": false,
"backgroundColor": "rgba(0,128,0,1.000)",
"borderWidth": 2,
"borderColor": "rgba(0,128,0,1.000)"
}],
"options": {
"responsive": true,
"maintainAspectRatio": true,
"title": {
"display": true,
"position": "top",
"text": "Temperature (°C)"
},
"legend": {
"position": "bottom"
},
"hover": {
"mode": "dataset"
},
"animation": {
"onComplete": ""
},
"scales": {
"xAxes": [{
"type": "time",
"time": {
"displayFormats": {
"millisecond": null,
"second": null,
"minute": "HH:mm",
"hour": "DD/MM HH:mm",
"day": "DD/MM HH:mm",
"week": null,
"month": "DD/MM HH",
"quarter": null,
"year": null
},
"tooltipFormat": "DD/MM/YY HH:mm"
}
}]
},
"elements": {
"point": {
"radius": 1,
"hitRadius": 2,
"hoverRadius": 2
}
}
}
}
}
首先，您忘记关闭第29行中的数据集数组 其次，在JSON结果中定义函数是无效的（第45行）。 检查此项： 又一次，你忘了在末尾合上花括号
{
"type": "line",
"data": {
"datasets": [{
"data": [{
"t": 1551096300000,
"y": 22.8125
}, {
"t": 1551096600000,
"y": 22.8125
}, {
"t": 1551096900000,
"y": 22.8125
}, {
"t": 1551097200000,
"y": 22.8125
}, {
"t": 1551097500000,
"y": 22.8125
}, {
"t": 1551097800000,
"y": 19.3125
}],
"label": "Sample data",
"fill": false,
"backgroundColor": "rgba(0,128,0,1.000)",
"borderWidth": 2,
"borderColor": "rgba(0,128,0,1.000)"
}],
"options": {
"responsive": true,
"maintainAspectRatio": true,
"title": {
"display": true,
"position": "top",
"text": "Temperature (°C)"
},
"legend": {
"position": "bottom"
},
"hover": {
"mode": "dataset"
},
"animation": {
"onComplete": ""
},
"scales": {
"xAxes": [{
"type": "time",
"time": {
"displayFormats": {
"millisecond": null,
"second": null,
"minute": "HH:mm",
"hour": "DD/MM HH:mm",
"day": "DD/MM HH:mm",
"week": null,
"month": "DD/MM HH",
"quarter": null,
"year": null
},
"tooltipFormat": "DD/MM/YY HH:mm"
}
}]
},
"elements": {
"point": {
"radius": 1,
"hitRadius": 2,
"hoverRadius": 2
}
}
}
}
}
谢谢，括号里只有打字错误。我知道我不能将js函数放在JSON中，我的问题是如何在从ajax调用检索数据时使用Charts.js onComplete事件。谢谢，括号中只是输入错误。我知道我不能将js函数放在JSON中，我的问题是如何在从ajax调用检索数据时使用Charts.js onComplete事件