數組到谷歌圖表

Question

我正在嘗試將一組數字傳遞到谷歌圖表，該數組是由具有類.likescount的div從此代碼中提取的。

var i, $mvar = $('.likescount'); // using the $ prefix to use the "jQuery wrapped var" convention

function logit( string )
{
    var text = document.createTextNode( string );
    $('.alllikesinrow').append(text);
    $('.alllikesinrow').append("<br>");
}

logit($mvar.length);

for (i=0; i<$mvar.length; i++)    {
    logit($mvar.eq(i).html());
}

數組正在工作，因為即時通訊使用append打印它及其工作，困難的部分是將數據傳遞給data.addRows，繼承人我正在使用的完整代碼，解決它，但從來沒有讓它工作，我' m跟隨這個讓它工作如何使用javascript在谷歌圖表中添加數據？ ，但沒有運氣，任何幫助都會很棒。

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
    google.charts.load('current', {'packages':['line']});
google.charts.setOnLoadCallback(drawChart);


function drawChart() {

    var i, $mvar = $('.likescount'); // using the $ prefix to use the "jQuery wrapped var" convention

    x = [];

    for (i=0; i<$mvar.length; i++ )    {

        x.push( ['1', parseFloat($($mvar[i]).text())] );
    }


  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Day');
  data.addColumn('number', 'Likes');

  data.addRows(x);

  var options = {
    chart: {
      title: 'Likes vs Comentarios',
      subtitle: 'Data Magnus by Optimum'
    },

    height: 500
  };

  var chart = new google.charts.Line(document.getElementById('curve_chart'));

  chart.draw(data, google.charts.Line.convertOptions(options), {pointSize: 1});
}
</script>

謝謝羅德里戈

編輯：感謝WhiteHat編輯工作

Answer 1

嘗試使用google.visualization.arrayToDataTable（array）

數組包含要在圖表中顯示的行值的數組

Answer 2

addRows采用數組數組，這是你在這里構建的...

x = [];

for (i=0; i<$mvar.length; i++)    {
    logit($mvar.eq(i).html());
    x.push( ['August', $mvar[i]] );
}

因此，只需使用x for addRows ...

var data = new google.visualization.DataTable();
data.addColumn('string', 'Day');
data.addColumn('number', 'Likes');

data.addRows(x);

編輯

不確定$('.likescount')包含什么，
但如果每個都是帶數字的元素，那么試試......

x.push( ['August', parseFloat($($mvar[i]).text())] );