javascript chart.js data.addRow 不从 json 中读取数字

标签 javascript arrays charts google-visualization

我无法获取图表以从 json 中读取数字 我将 json 传递给 data.addRow 中的图表,如果我将数字正常工作,则不要像数字一样读取年龄。我需要知道做所有的代码,这只是一个更大项目的测试。

    <!doctype html>
<html>
<head>
    <?php
    $$estudent[]=array(
    "name" => "luis", 
    "age" => "10");
    $objJson=json_encode($estudent);
    ?>

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">

    var json=eval(<?php echo $objJson; ?>);

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

    function drawChart() {

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

        for(i = 0; i < json.length; i++)
            data.addRow([json[i].name, json[i].age ]);
            /// do not work the Json[i].age in the number colunm
            //if i use a number like 10 works

        var options = {'title':'TITTLE','width':500,'height':300};

        var chart = new 
google.visualization.BarChart(document.getElementById('chart_div'));
chart.draw(data, options);
    }
</script>
</head>
    <body>
        <div id="chart_div"></div>
    </body>
</html>

最佳答案

您可以使用parseFloatparseInt...

data.addRow([json[i].name, parseFloat(json[i].age) ]);

关于javascript chart.js data.addRow 不从 json 中读取数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53076987/

相关文章:

javascript - 试图实现某种具有动态高度的可滚动容器

javascript - 翻译时 HTML5 Canvas 涂抹图像图案

java - Java中以数组作为参数的子程序

c# - 复制 Excel 图表并将其移动到另一个工作表

charts - 谷歌图表偏移水平轴标记标签

javascript - 在饼图中使用鼠标悬停并在 d3 v3 js 中显示标签

javascript - Webpack 2 未解析 webpack.config.js 中的入口点

javascript - 使用 JavaScript/KnockoutJS 查找列表中的特定属性

iphone - 以编程方式使用要设置动画的图像填充数组

java - 数组问题中的最小最大