JS实现图表日期分类按色显示效果

JS实现图表日期分类按色显示效果

预期实现的视觉效果如下图所示：

实现该效果的关键步骤如下：

具体JavaScript代码实现如下：

function(){ 
    var date = new Date(this);
    if(date.getDay()==0||date.getDay()==6){
        return "<font color='red'>"+date.getDate()+"</font>"
    }else{
        return date.getDate();
    }
}

注意：如果在iOS设备预览时出现NaN显示问题，可能是由于时间格式解析不一致导致。此时可将代码中的 var date = new Date(this); 替换为 var date= new Date(Date.parse(this.replace(/-/g, "/"))); 以解决该问题。

最终实现的图表效果如下所示：

至此，关于JS实现图表日期分类按色显示的介绍已完成。如需了解更多相关js图表日期分类按色显示内容，可搜索本站历史文章或继续浏览后续相关文章。感谢大家的支持！