大佬教程收集整理的这篇文章主要介绍了jquery – 按年份显示谷歌图表日历DESC,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
在google:https://developers.google.com/chart/interactive/docs/gallery/calendar的示例中,即使我按顺序放置数据,也没有选项可以执行此操作.
如何实现这一目标?谢谢.
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,2],[new Date(2014,3],[new Date(2015,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]; } }
输出:
以上是大佬教程为你收集整理的jquery – 按年份显示谷歌图表日历DESC全部内容,希望文章能够帮你解决jquery – 按年份显示谷歌图表日历DESC所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。