Question

我使用的是Oocharts.com的API，并且我正在制作12个月的时间表图表，但它会显示每天的每日数据点，而不是将它们合并为月度数据。因此，我希望它每月显示30次访问，而不是每天显示1次访问。我怎么能这样做？

这是他们文档的链接，我阅读了整个内容，但没有看到如何执行此操作。我甚至将日期范围从1y改为12m，但它没有做任何事情。

http://docs.oocharts.com/

Answer 1

我通过使用oocharts查询+谷歌的可视化API解决了这个问题。这是我显示过去12个月过滤结果的代码：

// What's our months?
$months = array();
for ($i = -12; $i < 0; $i++)
{
    $month_time = strtotime($i . ' months');
    $months[] = date('F Y', $month_time);
}

// Add js code to get unique page views for last year on a timeline chart
$oocharts_js .= '
    oo.load(function(){
        var query = new oo.Query("' . $this->config->item('oocharts_profile_id') . '", "13m");
        query.addMetric("ga:uniquePageviews");
        query.addDimension("ga:nthMonth");
        query.setFilter("' . $oochart_filter . '");
        query.setIndex(2);
        query.execute(function(data){
            console.log(data.rows);
            google.load("visualization", "1", {packages:["corechart"]});

            var dataTable = google.visualization.arrayToDataTable([
                ["Month", "Page Visits"],
';
foreach ($months as $key => $value)
{
    $oocharts_js .= '["' . $value . '", data.rows[' . $key . '][1]],';
}
$oocharts_js .= '
            ]);

            var options = {
                chartArea: {top: 10, left: 30, height: "60%"},
                hAxis: {
                    slantedText: true,
                },
                vAxis: {
                    viewWindow:{
                        min:0,
                    },
                },
                pointSize: 5,
                lineWidth: 3,
            };

            var chart = new google.visualization.LineChart(document.getElementById("chart_' . $business->business_id . '"));
            chart.draw(dataTable, options);
        });
    });
';

OOCharts月度时间表

1 个答案: