Estoy tratando de dibujar un gráfico en una página HTML usando Highcharts con datos de un archivo CSV, más específicamente, estoy tratando de replicar el ejemplo oficial ( https://www.highcharts.com/docs/working-with-data/ data-module ), fue en vano. Cuando cargo la página, el gráfico no está presente y aparece el error "Highchart Error 13" en la consola ( https://assets.highcharts.com/errors/13/ ). Probé con y sin la línea "renderto:" y en ambos casos no funcionó.
Aquí está mi código HTML:
<html> <head> <title>Highcharts Test</title> <script src="https://code.highcharts.com/highcharts.js"></script> <script type="text/javascript" src="test.js"></script> </head> <body> <div id="container" style="width:100%; height:400px;"></div> </body> </html>Aquí está mi código JS:
Highcharts.chart('container', { chart: { type: 'column' }, data: { enablePolling: true, csvURL: 'graph.csv' }, renderto: "container", title: { text: 'Fruit Consumption' }, yAxis: { title: { text: 'Units' } } });Aquí están mis datos CSV importados como un fragmento de código CSS:
Categories,Apples,Pears,Oranges,Bananas John,8,4,6,5 Jane,3,4,2,3 Joe,86,76,79,77 Janet,3,16,13,15Verifiqué dos veces cada nombre de archivo y no encontré errores. Estoy usando Mozilla Firefox 96.0.3 64 bits y Windows 10 1607 14393.1944.