Настройка фильтра диапазона дат для Google Chart

Я сталкиваюсь с проблемой при реализации ChartRangeFilter а также CategoryFilter в Google Charts. Я строю линейную диаграмму с полем диапазона дат по оси X. У меня есть данные за месяц и год, поэтому я пытаюсь визуализировать данные, используя фильтр диапазона месяца и года.

Один из подходов, который я нашел, заключается в преобразовании данных поля даты, например. 2011-01-31 к числовому 201101 в базе данных MySQL, а затем отправить его для просмотра с использованием подхода AJAX / JSON. Затем отформатировать его и вставить в таблицу данных Google.

Я ссылался на это пример но данные жестко запрограммированы, и мне нужно реализовать ту же логику для моих данных JSON, и я не могу получить доступ к данным JSON в моем jQuery для форматирования в соответствии с моими требованиями.

Есть ли какое-либо решение или подход, чтобы я мог использовать фильтр диапазона месяца и года для визуализации месяца & данные за год в Google Charts с помощью моего приложения Laravel 5.1?

Фрагмент кода:

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);

});