自定义Google Chart的日期范围过滤器

时间:2016-01-21 14:56:32

标签: php jquery json google-visualization google-chartwrapper

我在Google Charts中实施ChartRangeFilterCategoryFilter时遇到了问题。我正在绘制带有x轴日期范围字段的折线图。我有月份和年份数据,因此我尝试使用月份和年份范围过滤器来显示数据。

我发现的一种方法是转换日期字段数据,例如2011-01-31到MySQL数据库中的数字201101,然后使用AJAX / JSON方法将其发送到视图。然后将其格式化为日期并将其插入到Google的数据表中。

我引用了这个example但数据是硬编码的,我需要为我的JSON数据实现相同的逻辑,我无法访问jQuery中的JSON数据来根据我的要求对其进行格式化。

是否有任何可用的解决方案或方法,以便我可以使用月份和年份范围过滤器来显示月份和年份使用我的Laravel 5.1应用程序在Google Charts中显示年份数据?

代码段:

function drawChart() 
{
    var jsonData =  jQuery.ajax({
    url: 'get_salesthree',
    dataType: 'json',
    async: false
                    }).responseText;
    var dataTable = new google.visualization.DataTable();


    dataTable.addColumn('date', 'YearMonth');
    dataTable.addColumn('number', 'Chevrolet');
    dataTable.addColumn('number', 'Datsun');
    dataTable.addColumn('number', 'Fiat');
     var i = 1;

$.each(jsonData, function () {

    var year = this.Date.substring(0, 4);
    var month = this.Date.substring(4);

    //var dataItem = [new Date(year, month), this.articles];

    var dataItem = [new Date(year, month), this.Chevrolet, this.Datsun, this.Fiat, this.Ford, this.Honda, this.Hyundai, this.Mahindra, this.Maruti, this.Nissan, this.Renault, this.Skoda, this.Tata, this.Toyota, this.Volkswagen];
    dataTable.addRow(dataItem);

});

0 个答案:

没有答案