Как добавить строки в Javascript DataTable из строки, содержащей массив?

Question

Я пытаюсь сделать диаграмму Google, которая извлекает данные из скрытого поля на веб-странице.

Если добавить данные непосредственно через data.addRows он работает отлично:

google.charts.load('current', {packages: ['corechart', 'line']}); 
google.charts.setOnLoadCallback(drawChart); 

function drawChart() { 
     var data = new google.visualization.DataTable(); 
     data.addColumn('date', 'Date'); 
     data.addColumn('number', 'Rainfall');  

     data.addRows([[new Date(2000, 8, 5), 56], [new Date(2000, 8, 6), 22], [new Date(2000, 8, 7), 44], [new Date(2000, 8, 8), 40], [new Date(2000, 8, 9), 62]]); 

     var options = { 
     title: 'Rainfall' 
     }; 

     var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
     chart.draw(data, options); 
    } 

Однако, если я пытаюсь создать строку, содержащую массив, а затем добавить его с помощью addRows он не работает :

google.charts.load('current', {packages: ['corechart', 'line']}); 
google.charts.setOnLoadCallback(drawChart); 

function drawChart() { 
     var data = new google.visualization.DataTable(); 
     data.addColumn('date', 'Date'); 
     data.addColumn('number', 'Rainfall');  

     var myData = "[[new Date(2000, 8, 5), 56], [new Date(2000, 8, 6), 22], [new Date(2000, 8, 7), 44], [new Date(2000, 8, 8), 40], [new Date(2000, 8, 9), 62]]" 

     data.addRows(myData); 

     var options = { 
     title: 'Rainfall' 
     }; 

     var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
     chart.draw(data, options); 
    } 

Как добавить данные в строку в DataTable?

JSFiddle: https://jsfiddle.net/oo5w6ghf/4/

Answer 1

Фигурные это - мне нужно добавить «Eval» в строку:

var myData = eval("[[new Date(2000, 8, 5), 56], [new Date(2000, 8, 6), 22], [new Date(2000, 8, 7), 44], [new Date(2000, 8, 8), 40], [new Date(2000, 8, 9), 62]]")