最新历史版本 :笛卡尔热力图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本

插件版本

功能变更
11.0V0.3.6-
11.0V1.2.0
  • 提示信息支持公式

  • 标签支持多行显示

  • 支持透明背景

1.2 应用场景

笛卡尔热力图是一种通过颜色变化来表征数据变化情况的可视化工具。将三维数据以矩阵或地图形式展示在一张图表上,使图表内容更加丰富和直观。例如,在医疗研究中展示疾病在不同区域或时间的分布情况,通过颜色变化直观表达结果的差异性,便于结果分析和比较。

笛卡尔热力图将对应坐标点的数据所对应的颜色以色块的形式展示,最终组合成一个坐标系形式的表格,这些数据按照轴对应的数据集中的数据值,从小到大排序后展示。最右侧展示了所有颜色的过渡。并在鼠标选中一个数据块时,显示对应的值在过渡色中的位置。展示效果如下图所示:

5D0E76DB-999A-49B0-B236-A5FFF2C16444.GIF

1.3 功能介绍

帆软提供「笛卡尔热力图」插件,主要用于通过颜色变化来表征数据变化情况。

  • 支持多源数据集

  • 支持坐标轴的颜色、图表背景颜色和提示文字的修改

  • cpt 模式下支持导出至 Word 或 Excel

  • 仅支持矩阵图

  • 不支持移动端

2. 插件介绍编辑

2.1 插件安装

点击下载插件:笛卡尔热力图

设计器插件安装方法参照:设计器插件管理

服务器安装插件方法参照:服务器插件管理

2.2 功能入口

1)普通报表

选中单元格,点击上方工具栏插入图表按钮,即可插入「笛卡尔热力图」。如下图所示:

814-1546.png

2)FVS可视化看板

在 FVS 中添加表格组件。编辑表格,上方工具栏中选择插入图表,在图表类型窗口,选择「笛卡尔热力图」,如下图所示:

注:FVS,仅支持在「表格组件」中插入笛卡尔热力图使用,不支持直接在「图表组件」中使用笛卡尔热力图。

814-1550.png

3)决策报表

在决策报表上方的图表工具栏,选择笛卡尔热力图图标,即可添加,如下图所示:

注:决策报表,支持在报表块或图表块中使用笛卡尔热力图。

image.png

2.3 属性设置

2.3.1 数据设置

数据来源支持「数据集数据」、「单元格数据」。

 X轴为对应的 X 轴数据,Y轴为对应的 Y 轴数据,值为该坐标点对应的值。

814-1554.png

2.3.2 样式设置

1)图例

支持设置图例的字体、间隔值、最大最小值,以及图例的起始/结束颜色。

2)坐标轴

  • 支持设置坐标轴的线型、颜色以及字体格式

  • 支持自定义标签,默认标签如下图所示:

注1:标签支持换行显示。

注2:标签设置 JS 更改后,预览时会重置 JS。

814-1609.png

3)背景

支持设置图表区和绘图区的线型、颜色、背景

814-1610.png

4)提示

支持设置数据点提示的文字内容,提示区域的线性、颜色、背景颜色。

注1:提示信息支持公式。

注2:提示内容仅支持数字,不支持中英文。若设置为中英文,预览无效果。

815-1413.png

5)特效

支持设置热力图特效:是否全屏、是否收缩于抽屉菜单内、刷新的时间间隔,以及超级链接。
注1:超级链接建议外链对应数据详细的情况 

注2:特效设置超链接更改后,预览会重置 JS。

image.png

3. 示例编辑

3.1 新建报表

1)新建一张普通报表

2)新建一个文件数据集 File1,文件类型设置为 Excel ,文件地址选择本地文件中的笛卡尔热力图数据集.xls 文件,点击「确定」

点击下载获取 Excel 文件:笛卡尔热力图数据集.xls

注:需将 excel 文件放入工程 /webroot/WEB-INF/reportlets 文件夹下

814-1624.png

3.2 插入图表

1)将单元格调整到合适大小,选中单元格

2)点击上方工具栏插入图表按钮,插入「笛卡尔热力图」。如下图所示:

814-1546.png

3.3 设置图表属性

1)数据

  • 设置数据来源为「数据集数据」,数据集为「File1」

  • X轴为「X」,Y轴为「Y」,值为「值」

如下图所示:

814-1628.png

2)样式

具体样式设置如下表所示:

样式设置图示
图例
  • 字符:Helvetica Neue、13 px

  • 图例分段: 2

  • 图例最小值为 0,最大值为 15

  • 图例起始颜色为白色,结束颜色为红色

814-1641.png
坐标轴
  • 标签-自定义:默认设置即

X/Y 轴:

  • 字符:Songti SC、9 px

  • 线性颜色:绿色

814-1643.png
背景
  • 图表区-背景:灰色

  • 绘图区-颜色:绿色

814-1647.png
提示
  • 提示部分1:815

  • 提示部分2: 1411

  • 背景:颜色

其余属性默认设置即可

815-1417.png
特效
  • 内容勾选全屏显

  • 时间间隔:0

其余属性默认设置即可

814-1650.png

3.4 效果预览

保存报表,点击「分页预览」,效果如下图所示:

815-1418.gif

注:不支持移动端。

4. 模板下载编辑

点击下载模板:笛卡尔热力图.cpt