Estaba tratando de hacer un gráfico con PyTrends y parece que el código js está funcionando, pero algo se estropea en html y estaba realmente preocupado hasta el punto en que no había información en Internet. En una consola, siempre muestra un error 'Llamando a Plotly.plot como si se estuviera redibujando, pero este contenedor aún no tiene un gráfico. <div id="myDiv" class="js-plotly-plot">…'. Por favor ayuda. Aquí están las partes del código, que parecen no funcionar:
<html> <head> <title>DungeonMaster</title> <script src="https://cdn.plot.ly/plotly-latest.min.js"></script> <script src="{{url_for('static', filename='charts.js')}}"></script> <style> body, #charts{ height: 100%; } </style> </head> <body onload="loadChart();"> <div id="myDiv"></div> </body> </html>Código JS para procesar los datos en el gráfico
function loadChart() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function(){ if (this.readyState === 4 && this.status === 200){ console.log(this.response); var chartData = getChartParams(this.response); Plotly.plot('myDiv', chartData, chartLayout); } }; xhttp.open("GET", "/data"); xhttp.send(); var chartLayout = { title:"Popularity dynamics of Skateboarding" } function getChartParams(jsonstr) { var file = JSON.parse(jsonstr) var chartObject = { x : file[1], y : file[0], type:'scatter' } return chartObject } }¡Muchos gracias!