直角坐标热力图

适用场景：适合呈现多组数据连续的数值分布，适合做数据的预测统计，可以在图片上直接展示热度，例如展示城市在不同时间段打车热度情况。

样式设置

直角坐标热力图的样式设置包括：基础设置、水平轴设置、垂直轴设置、辅助线设置、边距设置。

基础设置

颜色设置

可以设置最大值最小值的范围和颜色

文本设置：

字体，支持微软雅黑、宋体、黑体、隶书、幼圆、楷体和系统默认字体；

旋转角度：X轴文字的旋转角度，可输入旋转角度进行调整；

水平轴设置

点击隐藏轴开关，可以在大屏中隐藏水平轴

文本设置：

字体，支持微软雅黑、宋体、黑体、隶书、幼圆、楷体和系统默认字体；

字号：X轴的字号，可输入字号调整；

字体粗细：X轴字体的粗细，有正常、细体、粗体、更粗四个选项；

字体颜色：X轴字体的颜色，分为主题色，标准色，最近使用的颜色，以及更多颜色的选项，如果需要更快的选取页面中已有的颜色可以通过使用取色器功能，不需要取色时可以通过Esc键或点击取色器取消。

取色器以中央方格处选中颜色为准取色

旋转角度：X轴文字的旋转角度，可输入旋转角度进行调整；

智能隐藏：智能隐藏可将X轴过多的刻度文字进行隐藏，如需全部显示X轴刻度信息，则无需勾选，默认不勾选。

轴线设置：可以设置坐标轴的粗细，样式和颜色。样式中包括三种样式。

刻度线设置：可以设置刻度线的长短、粗细、间距、颜色和样式。

分隔区域设置：可以设置分隔区域是否显示、间隔、颜色和整体透明度

垂直轴设置

点击隐藏轴开关，可以在大屏中隐藏水平轴

文本设置：

字体，支持微软雅黑、宋体、黑体、隶书、幼圆、楷体和系统默认字体；

字号：X轴的字号，可输入字号调整；

字体粗细：X轴字体的粗细，有正常、细体、粗体、更粗四个选项；

字体颜色：X轴字体的颜色，分为主题色，标准色，最近使用的颜色，以及更多颜色的选项，如果需要更快的选取页面中已有的颜色可以通过使用取色器功能，不需要取色时可以通过Esc键或点击取色器取消。

旋转角度：X轴文字的旋转角度，可输入旋转角度进行调整；

智能隐藏：智能隐藏可将X轴过多的刻度文字进行隐藏，如需全部显示X轴刻度信息，则无需勾选，默认不勾选。

轴线设置

可以设置坐标轴的粗细，样式和颜色。样式中包括三种样式。

辅助线设置

分为横向辅助线和纵向辅助线和标记线设置。可以选择辅助线是否显示，以及对辅助线粗细样式、颜色进行设置。

粗细：可以手动输入数字或者选择有粗细框右边的上下标一点点调节。

样式：支持三种形式，如下所示：

标记线设置中，还可以额外对标记线的标记值，文本进行设置。

提示框设置

适用情况：在预览界面时，鼠标滑过柱状区域，可以显示相应的信息。

可以对提示框的字体，字号，文字粗细以及文字颜色和背景颜色进行设置，如图所示

除此之外，还可以对提示框的边框颜色，粗细以及选中颜色进行设置。

数据设置

数据字段

柱状图的数据字段包括：X，Y，value

X：直角坐标热力图在X轴上的值，需要将数据与图表进行映射；

Y：直角坐标热力图在Y轴上的值，需要将数据与图表进行映射；

value：直角坐标热力图热力值字段，需要将数据与图表进行映射；

数据源类型

支持静态数据，API和数据库三种类型。操作流程图整体如下所示：

静态数据：

在下方输入框中输入对应的数据即可进行设置。

数据格式

在下方表格中可输入或复制粘贴所需要的数据。其中，每一列数据对应一个数据字段，第一行为该列数据字段名，需要在上方进行映射设置。

目前，数据接入表格支持复制、粘贴、修改、删除数据。选中需要进行改动的数据后，可以点击右键进行操作，也可以使用ctrl+c等快捷键进行操作。当点击列序号或行序号是，会对该列或行全部选中，点击末尾的红色按钮可对该行或列进行删除操作，也可以点击右键对该行或列进行其他操作。

当点击红框内的放大按钮时，会出现如下图所示的输入窗口，方便用户进行操作。

在窗口中设置数据后，点击完成即可

点击下方的高级输入，可以切换到输入json格式数据模式。json数据样例如下。

[{"age":25,"number":15,"s":1},{"age":26,"number":25,"s":1},{"age":27,"number":5,"s":1},{"age":28,"number":19,"s":1},{"age":29,"number":10,"s":1}]

API

在下方输入框中输入相应的网址即可，如下图所示：

.png)，

数据库

选取相应的数据库类型后，选择对应数据库中的数据源名称。之后在下方输入框中输入简单的SQL语句即可实现数据的导入，之后查询数据响应结果，无误后确认设置即可。