jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 按年份显示谷歌图表日历DESC大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Google日历图表,我想先显示2015年图表,然后再显示2014年,2013年等等.

在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];
  }
}

JSFiddle

输出

jquery – 按年份显示谷歌图表日历DESC

大佬总结

以上是大佬教程为你收集整理的jquery – 按年份显示谷歌图表日历DESC全部内容,希望文章能够帮你解决jquery – 按年份显示谷歌图表日历DESC所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。