二维项目制作、发布、私有化部署全流程免费,无任何限制 点击下载
大屏管理 组件介绍 数据源管理

日历热力图

2021-12-10 15:58:32
浏览 1495 次
您正在查看的是山海鲸旧版本教程,与山海鲸软件最新版本有很多不一致,请移步查看最新的教程 →_→ 山海鲸使用教程

摘要: 本文主要给大家介绍一下日历热力图的使用方法。 本文内容基于山海鲸可视化软件操作,您可先免费下载山海鲸可视化后再阅读本文。 下载山海鲸可视化软件

日历热力图是由小色块有序且紧凑的组成的图表,以日历格式展示,从而在基础热力图的基础上增加了时间的维度,用来展示一段时间内的数据分布情况。

该组件在软件中的位置如下图所示:

选中组件时可以对组件进行设置,包括字段设置和属性设置,其中字段设置如下图所示:

上图中日期字段和取值字段都只包含一个字段。(关于如何添加字段请参考新手入门教程)

上图中所用示例数据如下:

日期字段 取值字段
2017年7月5日 123
2017年7月6日 654
2017年7月7日 258
2017年7月8日 741
2017年7月9日 963
2017年7月10日 99
2017年7月11日 82
2017年7月12日 753
2017年7月13日 65

属性的设置如下图所示:

(1)基本设置

包括:允许演示控制、是否显示。

(2)色块

包括:月末线条是否显示、色块边框和色块颜色区间的设置。

(3)文本设置

文本的设置包括:星期和月份。

(4)内边距

内边距可以设置组件中心距离上下左右边框各自的位置,单位为px。

(5)交互设置

交互可以通过点击该组件可以切换其他组件的状态、链接到URL以及大屏上、打开弹窗或者切换选项卡。

(6)动画

动画效果可以对入场动画、展示动画和离场动画进行设置。

需要注意的是,未开启循环播放时,动画只在启动全屏时播放一次,开启循环播放之后才会按照间隔时间循环播放动画。

(7)大小和位置

通常我们可以通过直接点击和拖动组件来设置大小和位置,在这里也可以通过直接输入X坐标、Y坐标、宽和高来设置。

三维空间旋转还可以输入任意数值,数值对应角度向X轴/y轴旋转。

(8)边框设置

边框的设置包括:边框颜色、边框宽度、图形边框圆角半径和边框样式。

(9)背景设置

组件默认没有背景颜色,如果需要设置背景颜色,可以在这里进行设置,也可以将背景设置为一张图片或视频,可以选择填充方式。

智慧旅游的特点 数据模型可视化 前端地图开发 threejs官方文档 智慧城市网格化管理平台 cesium开发教程 cesium加载3dtiles 数据可视化软件有哪些 echarts可视化 可视化农业需要的设备

做数字孪生大屏,就用山海鲸

顶级视效 | 自由编辑 | 二次开发

免费下载