聊天js与respose ajax

Question

请在此输入图片描述

如何从路由中获取json响应数据到js中？

Answer 1

好吧，根据我的理解，你想从ajax中获取一些数据(JSON)并将其显示在你的图表中。你必须有一个数据变量，基本上包含标签和数据集列表。只要获取JSON，并将相应的数据值放在各自的位置。然后运行window.myChart.update()函数。这将用新的值更新图表。

var data = {                                            //The Default data
        labels: ['2001','2002','2003','2004','2005'],
        datasets: [{label: 'prices', borderWidth: 2, hoverBorderWidth: 2, backgroundColor: "rgba(0,128,128,0.5)", data: [10,30,10,50,20], borderColor: "rgba(0,128,128,1)",}] };


var ctx1 = document.getElementById('canvas3').getContext('2d');
window.myChart = new Chart(ctx1, {
                    type: 'radar', data: data,
                    options: {responsive: true, scales:{yAxes:[{ticks:{beginAtZero:true}}],xAxes: [{gridLines: {color: "rgba(0,0,0,0)",}}]}, legend: {position: 'top'}, title: {display: true,text: 'Charts'}}
                });

//Now change the data list in the data.datasets[0] to the data of JSON file.

window.myChart.update()