वर्ष के आधार पर Google चार्ट कैलेंडर दिखाएं DESC

Question

मैं Google कैलेंडर चार्ट का उपयोग कर रहा हूं और मैं पहले 2015 चार्ट और फिर 2014, 2013 और अन्य कार्यक्रम दिखाना चाहता हूं।

Google: https://developers.google.com/chart/interactive/docs/gallery/calendar के उदाहरण में ऐसा करने का कोई विकल्प नहीं है, भले ही मैं उस क्रम में डेटा डालूं।

यह कैसे पूरा किया जा सकता है? धन्यवाद।

Answer 1

यह वास्तव में एक आदर्श समाधान नहीं है, लेकिन यदि आप रुचि रखते हैं तो आप ग्राफ में साल के मूल्यों को मैन्युअल रूप से उलट सकते हैं यदि आप डेटा में उन्हें उलट करने के इच्छुक थे। इसलिए जैसा:

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

आउटपुट: