数组到谷歌图表

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

addRows接受一个数组的数组，这就是您在这里构建的......

x = [];

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

因此，只需x用于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())] );