Hiển thị lịch biểu đồ google theo năm DESC

Question

Tôi đang sử dụng Biểu đồ Lịch Google và tôi muốn hiển thị biểu đồ năm 2015 trước và sau đó là năm 2014, 2013, v.v.

Trong ví dụ từ google: https://developers.google.com/chart/interactive/docs/gallery/calendar không có tùy chọn để thực hiện việc này, ngay cả khi tôi đặt dữ liệu theo thứ tự đó.

Làm cách nào để thực hiện điều này? Cảm ơn.

Answer 1

Đây không phải là giải pháp lý tưởng, nhưng nếu bạn quan tâm bạn chỉ có thể đảo ngược giá trị năm theo cách thủ công trong biểu đồ nếu bạn sẵn sàng đảo ngược chúng trong dữ liệu. Cũng giống như vậy:

google.load("visualization", "1.1", { 
    packages: ["calendar"] 
}); 

google.setOnLoadCallback(drawChart); 

function drawChart() { 

    var dataTable = new google.visualization.DataTable(); 
    dataTable.addColumn({type: 'date'}); 
    dataTable.addColumn({type: 'number'}); 

    dataTable.addRows([ 
    [new Date(2012, 1, 1), 1], 
    [new Date(2013, 1, 1), 2], 
    [new Date(2014, 1, 1), 3], 
    [new Date(2015, 1, 1), 4] 
    ]); 

    var chart = new google.visualization.Calendar(document.getElementById('calendar_basic')); 
    var options = {}; 

    google.visualization.events.addListener(chart, 'ready', swapYears); 
    chart.draw(dataTable, options); 
} 

// important code, this would be simpler w/ jQuery but here's pure JS 
function swapYears() { 
    var yearTexts = document.querySelectorAll('[font-size="50"]'); 

    var years = []; 
    yearTexts.forEach(function(text) { 
    years.push(text.innerHTML); 
    }); 
    years.reverse(); 

    for (var i = 0; i < yearTexts.length; i++) { 
    yearTexts[i].innerHTML = years[i]; 
    } 
} 

JSFiddle

Output: