永洪社区

标题: 【笛卡尔图】分享用永洪产品制作笛卡尔热力图的方法 [打印本页]

作者: 美滋滋    时间: 2021-11-26 18:14
标题: 【笛卡尔图】分享用永洪产品制作笛卡尔热力图的方法
笛卡尔热力图(Heatmap on Cartesian)
笛卡尔热力图又名直角坐标系热力图,将数值大小通过色块有序且紧凑地在直角坐标系中呈现。
适合呈现多组数据连续的数值分布,适合做数据的预测统计,可以在图片上直接展示热度,例如展示城市在不同时间段打车热度情况。

适用场景:
笛卡尔热力图适合连续的数值分布中的多次点击点,适合做数据的预测统计,笛卡尔热力图可以很直观的传达出用户的喜好偏爱,可以在图片上直接展示热度。例如可以用热力图展示城市打车热度情况。

好了,简单介绍完笛卡尔热力图,那么我们该如何利用永洪产品做一个自己的笛卡尔热力图呢?
首先,目前永洪产品是没有笛卡尔热力图组件的,那么我们可以利用其它组件来制作出笛卡尔热力图的效果。


一.我们先准备数据,如图

[attach]15549[/attach]
[attach]15550[/attach]

二.如果想知道某一个年度各类水果的销售情况,一般我们会考虑用柱图,或者折线图。表现结果如下。
可以看到,当种类很多的时候,密密麻麻的放在一个组建中表现,看上去会很不直观。所以这个时候就可以考虑用笛卡尔热力图来表现。





[attach]15551[/attach]




三.利用自由式表格 + 高亮的方式,来制作笛卡尔热力图 首先拉一个自由式表格,设置绑定如下


[attach]15552[/attach]

数据展开如下
[attach]15553[/attach]


下面,最重要的一环来了,我们只需要利用上组件高亮的方式,来最终实现笛卡尔展示效果,具体设置如下

[attach]15554[/attach]

具体颜色渐变区间,根据各个业务不同,自行设置,最终显示效果如下

[attach]15555[/attach]

[attach]15571[/attach]





作者: Yonghong-Club    时间: 2021-11-29 10:27
太干货了
作者: Lidali    时间: 2021-12-3 13:49
笛卡尔图我还没做过,我要拿走




欢迎光临 永洪社区 (https://club.yonghongtech.com/) Powered by Discuz! X3.4