mysql - 填充 amchart 动态从 mysql 获取数据

Question

我正在尝试从 mysql 获取记录并通过 amchart 呈现数据，但我在这样做时遇到了困难。我编写了以下代码，该代码不起作用。查询工作正常，但问题是用查询结果替换静态(占位符)数据。请提出建议。

{

$selectdata="SELECT member_lhp, COUNT( * ) AS  'land_pattern' FROM hh_basic_info GROUP BY member_lhp";
$resdata=mysql_query($selectdata);

<script type="text/javascript">
    var chart;
    var chartData = [
        <?php
            $count=0;
            while($rowdata = mysql_fetch_assoc($resdata))
            foreach($rowdata as $rows){
                $type= $rows['member_lhp'];
                $lp=$rows['land_pattern'];
                if($count++ > 0) echo ',';
        ?>
        {
            year: <?php echo $type;?>,
            income: <?php echo $lp;?>
        },
        <?php } ?>
    ];

    AmCharts.ready(function () {
        // SERIAL CHART
        chart = new AmCharts.AmSerialChart();
        chart.dataProvider = chartData;
        chart.categoryField = "year";
        // this single line makes the chart a bar chart, 
        // try to set it to false - your bars will turn to columns                
        chart.rotate = true;
        // the following two lines makes chart 3D
        chart.depth3D = 20;
        chart.angle = 30;

        // AXES
        // Category
        var categoryAxis = chart.categoryAxis;
        categoryAxis.gridPosition = "start";
        categoryAxis.axisColor = "#DADADA";
        categoryAxis.fillAlpha = 1;
        categoryAxis.gridAlpha = 0;
        categoryAxis.fillColor = "#FAFAFA";

        // value
        var valueAxis = new AmCharts.ValueAxis();
        valueAxis.axisColor = "#DADADA";
        valueAxis.title = "Villagers - Land holding pattern";
        valueAxis.gridAlpha = 0.1;
        chart.addValueAxis(valueAxis);

        // GRAPH
        var graph = new AmCharts.AmGraph();
        graph.title = "Income";
        graph.valueField = "income";
        graph.type = "column";
        graph.balloonText = "Land holding number in [[category]]:[[value]]";
        graph.lineAlpha = 0;
        graph.fillColors = "#bf1c25";
        graph.fillAlphas = 1;
        chart.addGraph(graph);

        // WRITE
        chart.write("chartdiv");
    });
</script>
}

Answer 1

乍一看，您可能在大括号后面添加了一个额外的逗号。如果您的计数大于 0，那么您已经通过 PHP 添加了一个逗号，因此这将在每组数据之间引入第二个不必要的逗号。

您有以下情况...

    {
      year: <?php echo $type;?>,
      income: <?php echo $lp;?>
    },

尝试用这个代替...

    {
      year: <?php echo $type;?>,
      income: <?php echo $lp;?>
    }