javascript - Highcharts chart not displaying data from csv file -

I am working on a project that CSV data is being written in real time and it will be sent to an html The page is displayed I am using Javascript, and JQuery, HighCharts, and PapaParse libraries.

This is my JSFiddle my code:

I know that this does not look right, but I do not know how to show it as it looks on my computer. Should I Use a Different Hosting Site?

When I hardcoded the dummy data in the chart like this:

  // altitude $ (function () {$ ('# altGraph'). HighChurch ({ Chart: {Type: 'line'}, title: {text: 'payload altitude'}, subtitle: {text: 'height (m) versus time (time)}}, xAxis: {categories: [' 0 ',' 1, '2', '3', '4', '5', '6', '7', '8', '9']}, yAxis: {title: {text: 'altitude (m) '}}, Plot option: {line: {dataLabels: {enabled: true}, enable mouse tracking: wrong}}, series: [{name:' height ', data: // dummy data here}}}});  

All this works and looks good but When I use the papper to parse the CSV in the data arrays, and pass an array of data in a similar chart:

  // Altitude $ (function ( } {Title: {$ ('# column (' chart: {type: 'line'}, title: {text: 'payload altitude'}, subtitles: {text: 'height (vs) time (time)}}, xAxis: {Categories: ['0', '1', '2', '3', '4 ', 5', 6 ', 7', 8 ', 9' 1/2 '], yAxis: {title : {Text: 'altitude (m)'}}, plot option: {line: {dataLabels: {enabled: true}, enableMouseTracking: false}}, series: [{name: 'height', data: height}]} ); });  

The charts appear blank.

Despite the data scan being empty, on your computer, the charts appear when selecting a file. This is my problem. I was thinking that after writing the chart on the page before uploading the data, that would be why the data is not showing. I am currently at a disadvantage how it is decided.

The problem is that your parents change the strings in the array rather than values. Look for "dynamic typing" parameters and then set it as true.