echarts简单日历

最新推荐文章于 2024-07-08 15:00:35 发布

catmmiaomiaomiao

最新推荐文章于 2024-07-08 15:00:35 发布

阅读量7k

点赞数

分类专栏： echarts js calendar 文章标签： echarts

本文链接：https://blog.csdn.net/todayieat/article/details/71480900

版权

本文档介绍如何使用Echarts 3.5.2版本创建日历图，并结合Ajax获取个人学习计划数据。示例中，通过遍历日期与学习计划列表，生成热力图数据，展示每天的任务。同时，遇到提示框显示undefined的问题，原因可能是误替换了Math.random()*300这一维度。请参考官方示例和提供的代码进行理解和实践。

摘要由CSDN通过智能技术生成

请大家对照echarts3.5.2版本给出的日历图官方示例对照着看会更好理解一些，我是根据那个改编的，
var planlist;
var date = new Date;
var str =date.getFullYear()+”/”+(date.getMonth()+1)+”/”+date.getDate(); //当前日期

function cal(){
$.ajax({
type : “POST”,
url : ‘/synoltr/personalcenter/getuserplan’,
async : false,
data: “userid=”+userid+”&str=”+str,
success : function(data, msg) {
planlist = data.dataList; //返回某人这个月的学习计划
}
});

 var myChart=echarts.init(document.getElementById('main'));
  var daysOfMonth=[];
   var fullYear = new Date().getFullYear();
   var month = new Date().getMonth()+1;
   var lastDayOfMonth  = new Date(fullYear,month,0).getDate();
   for ( var i = 1; i <= lastDayOfMonth; i++) {
     daysOfMonth.push(fullYear+'-'+month+'-'+i);
   }

var