当前位置: 首页 > news >正文

每天宜搭宜搭小知识—报表组件—日历热力图

欢迎有宜搭各种需求的人来扰

1. 简介​

日历热力图是根据日历展示不同时间的进展情况,并根据数值的不同进行配色的调整,适用于回顾时间周期内代码量、工作情况等场景

2. 操作说明​

2.1 关联数据集​

2.2 选择字段​

注意在【日期】字段中要选择时间字段,否则会渲染失败

2.3 样式设置​

2.3.1 方块大小​

日历中每个方块的大小,可以配置大小

2.3.2 等分颜色​

对于所有数值按照填写颜色的个数等分

以下为“数值字段”的区间在[0, 19]范围内,“等分颜色”为 #F2F3F5,#98caff,#518ff9,#005cbe 的效果,

  • #F2F3F5 代表最小值 0
  • #98caff 代表值在 (0, 7] 区间内
  • #518ff9 代表值在(7, 14] 区间内
  • #005cbe 代表值(14,+∞]

3. 常见问题​

3.1 移动端显示热力图有重合 ​

数据过多时,建议在 PC 端查看,移动端显示效果可能不佳

相关文章:

  • NodeJS里经常用到require,require的模块加载机制是什么
  • DAY 50 超大力王爱学Python
  • 电磁场与电磁波篇---电荷电流
  • 【Markdown】基础用法汇总(标题、列表、链接、图片、加粗斜体、上下角标、引用块、代码块、公式)
  • 香橙派3B学习笔记11:systemd服务管理初步测试
  • Kubernetes (K8S) 系统学习规划
  • 电商数据采集的技术分享
  • day54python打卡
  • 在Qt中使用OpenGL显示大量点(点云)
  • 最新文章 支持一下!!
  • 如何使用deepseek编写测试计划
  • 装饰模式Decorator Pattern
  • 手动实现 memcpy 函数
  • 红花多组学挖掘OGT1-文献精读146
  • Linux中的连接符
  • Error: UDF library “libudf“ not available at
  • MotleyCrew ——抛弃dify、coze,手动搭建多agent工作流
  • 【第四十周】眼动追踪基础
  • TC3xx学习笔记-启动过程详解(二)
  • 毕业答辩PPT快速制作指南
  • 做网站客户拖着不验收/培训机构网站制作
  • 音乐网站用什么语言做/站外推广怎么做
  • 徐州品牌网站建设|徐州网站优化|徐州网络公司-徐州启思信息科技/百度一下1688
  • 排版设计素材/seo营销外包
  • html5网站建设公司/在线优化工具
  • 杭州哪家公司做网站好/网络优化工具app手机版