跳到主要内容

日历

通过日历展示数据，目前只可展示当前月

一、效果​

二、配置步骤​

1. 添加日历​

图表->日历->万年历

2. 日历设置​

2.1 容器样式​

设置日历背景颜色、边距等

2.1.1背景​
  • 背景色：设置日历背景色，与渐变色互斥
  • 启用渐变：设置日历渐变背景色，与背景色互斥
  • 渐变类型：线性渐变
  • 渐变方向：可选择不同方向渐变，示例为向下
  • 渐变颜色：选择渐变颜色
2.1.2 边距设置​

设置边距大小

2.1.3 边框​

设置日历边框样式

2.2 月份配置​

月份样式配置

2.3 周配置​

周样式配置：配置字体、颜色等

2.4 日期配置​

日期字体、大小、颜色等设置

2.5 数据字段及样式​

数据展示样式

2.5.1 字段映射​
  • 日期字段：设置哪个日期展示为有数据样式，如：date与 “3.数据格式”中返回的数据字段“date”对应
  • 金额字段：在日期上显示金额value
2.5.2 数值与单位样式设置​

2.5.3 开启光圈与光圈样式设置​

3.数据格式​

[
  {
    "date": "2025-11-05",
    "value": 620000
  },
  {
    "date": "2025-11-08",
    "value": 265000
  },
  {
    "date": "2025-11-10",
    "value": 564000
  },
  {
    "date": "2025-11-14",
    "value": 120000
  },
  {
    "date": "2025-11-15",
    "value": 565000
  },
  {
    "date": "2025-11-20",
    "value": 120000
  },
  {
    "date": "2025-11-24",
    "value": 102000
  },
  {
    "date": "2025-11-25",
    "value": 120
  },
  {
    "date": "2025-11-28",
    "value": 103
  }
]