从MYSQL数据创建Google折线图


Creating a Google Line Chart from MYSQL data

我的目标是使用从mysql数据库中提取的数据在同一图形上创建多个折线图。

我有适当的代码,但我错过了一个步骤,因此没有得到我期望的输出。下面是我的代码:

<?php
    $results = array('cols' => array (array('label' => 'Date', 'type' => date'),
               array('label' => 'Amount', 'type' => 'number')
               ),
               'rows' => array()
              );
    $query = $db->prepare('SELECT * FROM Claims GROUP BY EXTRACT(MONTH FROM ClaimDate ) , EXTRACT( YEAR FROM ClaimDate ) ');
    $query->execute();
    $rows1 = $query->fetchAll(PDO::FETCH_ASSOC);
    foreach($rows1 as $row)
    {
        $ClaimDate = DateTime::createFromFormat('Y-m-d H:i:s', $row['ClaimDate'])->format('Y-m-d');
        $dateArr = explode('-', $ClaimDate);
        $year = (int) $dateArr[0];
        $month = (int) $dateArr[1] - 1; 
        $day = (int) $dateArr[2];
        $results['rows'][] = array('c' => array(array('v' => "Date($year, $month, $day)"), array('v' => $row['amount'])
        ));
    }
    $json = json_encode($results, JSON_NUMERIC_CHECK);
    // print_r($json);exit;
?>
<script type="text/javascript">
google.load("visualization", "1", { packages: ["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() 
{
   var data = new google.visualization.DataTable(<?php echo json_encode($json); ?>);
   var chart = new google.visualization.LineChart(document.getElementById('line_chart'));
   chart.draw(data, {width: 400, height: 240});
}   
</script>
<div id="line_chart"></div>

这就是我的代码。这是从数据库传递给图表的json:

{"cols":[{"label":"Date","type":"date"},{"label":"Amount","type":"number"}],"rows":[{"c":[{"v":"Date(2015, 5, 23)"},{"v":6000}]},{"c":[{"v":"Date(2016, 5, 23)"},{"v":16000}]},{"c":[{"v":"Date(2015, 6, 23)"},{"v":10000}]},{"c":[{"v":"Date(2016, 6, 23)"},{"v":10000}]},{"c":[{"v":"Date(2015, 7, 23)"},{"v":5000}]},{"c":[{"v":"Date(2016, 7, 23)"},{"v":60000}]}]}

下面是输出的折线图:

以上代码的折线图输出

这不是我想要的。我的最终目标是获得显示多个折线图的图形(取决于存在的年数),所有月份显示在x轴上,金额显示在y轴上。这是我见过的最接近我想要实现的东西:

linechart

上面的图片显示了我想要达到的效果。如前所述,月份在x轴上,金额在y轴上。然后'values'将是从查询返回的年份,即每年将有其自己的折线图

我在这一点上有点卡住了,想请求指导如何完成这个

<<p> 额外请求/strong>

SIDU试图通过建议我使用svg图表来提供帮助。我很感激,但这不能用谷歌图表来完成吗?

使用Topnew SVG Charts就很容易了:

http://topnew.net/cms/cms_chart.php?data=ymd、打击、IP, 2016-01-01, 2000, 1000, 2016-02-05, 3000, 1800, 2016-03-20, 4000, 3000,图= line& fmt = str_xss& xFormat =日期| M

如果你下载了9k topnew svg图表,你可以用下面的方式调用它:

<?php
include 'topnew_svg_chart.php';
$data = [
    'Hit' => [
        '2016-01-01' => 12345,
        '2016-02-03' => 12345,
    ],
    'IP'  => [
        '2016-01-01' => 2345,
        '2016-02-03' => 2345,
    ]
];
$init = [
    'chart'   => 'line',
    'xFormat' => 'date|M',
];
cms_chart($data, $init);