我在Google Charts中实施ChartRangeFilter
和CategoryFilter
时遇到了问题。我正在绘制带有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);
});