Skip to content

日历

概述

用户可以通过日历卡片的形式,展示指定数据表的数据信息。

设置项

设置项说明
数据表选择卡片的数据来源。
过滤器设置被统计进该卡片的数据过滤条件。
数据量设置被统计进该卡片的数据数量。
排序字段设置展示数据的排序方式。
标题字段设置日历中展示的标题名称。
开始时间字段设置日历中事件的开始时间,数据表中需含有日期类型的字段。
结束时间字段设置日历中事件的结束时间,数据表中需含有日期类型的字段。
展示时间信息配置日历中是否展示时间信息。
默认维度配置日历默认展示的时间维度。
选项:列表
点击事件后打开表单页面配置后点击事件后可打开表单页面弹窗,展示具体的事件信息
记录展示样式通过条件来控制日历中的事件样式。
样式:背景色文字颜色加粗斜体中划线下划线样式表达式

样式表达式

支持通过表达式的方式进行CSS属性的计算,并返回一个JS对象。对应的JS对象,Key为驼峰式CSS属性名,Value为Key对应CSS属性值的字符串。如设置字体大小为20像素:

js
{
    fontSize: "20px"
}

使用场景

通常用于需要组织和管理时间的场景。下文以课程表作为示例。

效果图

效果图

配置方式

课程管理中包含课程名称开课时间结课时间字段后,我们可以基于表内数据数据来配置课程表。 表格配置

  • 卡片配置 配置方式