JavaScript图表工具FusionCharts入门教程(40)：如何创建Heat Map图表

热图图是一种专用图，它使用颜色表示表中的数据值。当您需要绘制大型和复杂数据时，您会发现它最有用。

FusionCharts Suite XT是全面的跨平台、跨浏览器JavaScript图表套包，其中包括FusionCharts XT、PowerCharts XT 、FusionWidgets XT、FusionMaps XT。支持 ASP、 ASP.NET、 PHP、 JSP、 ColdFusion、 Ruby on Rails、 JavaScript、甚至简单的HTML页面。它是你值得信赖的JavaScript图表解决方案，目前在全球有45万用户选择Fusioncharts来制作专业的JavaScript图表。

FusionCharts最新版

热图图是一种专用图，它使用颜色表示表中的数据值。当您需要绘制大型和复杂数据时，您会发现它最有用。

热图图表的基础

您可以使用热图来绘制数据，例如员工出勤记录，周期表，跟踪股市投资，比较不同公司的业绩等。您可以为不同级别的数据设置不同的颜色。例如，如果使用热图图表绘制员工出勤记录，则可以使用百分比百分比值来表示红色，黄色，蓝色和绿色（例如，红色，黄色，蓝色和绿色），分别表示不良，平均，良好和优良等级。绘制图表后，您将可以轻松地区分四个等级。

热图图表特点

使用热图图表，您可以：

• 以表格格式排列数据，其中包含有限数量的行和列。
• 绘制数字或非数字数据，或同时绘制两者。
• 使用纯色或渐变表示数据值内的不同范围。
• 使用交互式图例显示或隐藏数据图。
• 隐藏任何超出定义的颜色范围限制的数据。
• 使用两种不同类型的图例-图标图例和渐变图例。

热图图表类型

使用FusionCharts Suite XT，您可以构建两种类型的热图图表。使用数字热图来绘制数字数据，使用基于类别的热图来绘制非数字数据。这些图表如下图所示：

数字热图图表

如前所述，您可以在热图图表中使用两种不同类型的图例：
梯度传说