美文网首页
【TOAN HOANG 专题(45)】曲线条形图

【TOAN HOANG 专题(45)】曲线条形图

作者: Tableau交流问答群 | 来源:发表于2020-04-06 20:05 被阅读0次

    Toan Hoang:知名Tableau大神,数据可视化自由职业者和Tableau Magic的创始人,萨尔萨舞教练,钢琴演奏者,技术爱好者和程序员。

    Toan Hoang

    另本文由Tableau爱好者—陈浩然对原文进行翻译,若有问题,欢迎讨论~

    前言

    在他休息的时候,他曾经发布过在各种各样的网站上搜集的很酷的可视化作品(为啥我休息的时候不行= =),是的,他真的浏览了很多网页。(soga~)其中一个就是曲线条形图,但是,除了用当时的Sigmoid 函数,他将带我们尝试一些不一样的东西~(我的好奇心让我继续看下去了)

    先来上一张最终效果图吧 O(∩_∩)O

    PS:这是一种另类的数据可视化,有时是由客户推动的。所以在将其部署到生产系统之前,请始终查看一下可视化的最佳实践方式~

    照例,在做之前,我想描述一下曲线条形图的使用场景:表达维度的数量差异,当然,与传统柱状图不同的是,曲线的方式让读者的视觉感受更佳和谐平缓

    奥利给!开始~~~

    数据

    在本例中,我们将使用Tableau Desktop/Tableau Public中的示例-超市数据源。

    一旦你将数据载入到Tableau中,右键数据源,点击编辑数据源,打开数据源编辑器,粘贴如下字段。

    不建议这么做,在本例中最好的方式是到 excel 中增加一个sheet,粘贴如下字段和值,原因是保存的时候粘贴过来的数据会丢失= =,至少我实践了三次是这样的,求高人指点~

    路径

    0

    100

    你应该会发现报错,因为这里没有可连接的列。但是,点击增加一个新的连接字段,创建连接计算,输入1然后点击确定。等号右边也是一样。确保你选择的是内连接,你应该看到如下效果:

    PS:每个国家我们需要两条记录,因为我们要绘制曲线,使用密集化会让我们再画布中增加更多的点。想了解更多信息,请查看关于数据密集化的文章.

    计算字段

    当数据源载入Tableau中后,我们将创建如下计算字段参数数据桶

    创建距离参数

    ● 设置参数名称距离

    ● 设置数据类型整数

    ● 设置当前值为5

    ● 点击确定

    创建路径数据桶

    ● 右键路径字段,创建数据桶

    ● 编辑数据桶窗口

    ● 设置新的字段名称路径(数据桶)

    ● 设置数据桶大小为1

    ● 点击确定

    创建计算字段

    索引

    (INDEX()-1)/10

    地区索引

    INDEX()*[距离]

    中点销售额

    WINDOW_SUM(SUM(销售额))/2

    中点标记

    IF [索引] = 5 THEN

    [中点销售额]

    ELSE

    0

    END

    X

    [索引]+[地区索引]

    Y

    IF [索引] < WINDOW_MAX([索引])/2 THEN

    EXP([索引])-1

    ELSE

    EXP(WINDOW_MAX([索引]-0.1)-[索引])-1

    END * [中点销售额]

    你可以尝试一些不同的函数,为了好玩,让我知道你的发现~

    当你完成以上步骤,让我们开始创建数据可视化吧~

    工作表

    我们将建立第一个工作表:

    ● 改变标记类型多边形

    ● 拖动地区字段到颜色标记卡上

    ● 拖动路径(数据桶)详细信息

    ● 右键单击该字段,确保已勾选显示缺失的值

    ● 拖动该字段到路径标记上

    ● 拖动X

    ● 右键该字段,选择使用路径(数据桶)

    ● 拖动Y

    ● 右键该字段,选择使用路径(数据桶)

    如果一切顺利,你应该看到如下的效果:

    现在,我们要调整一下X的表计算:

    ● 右键X选择编辑表计算

    ● 设置嵌套计算,选择地区索引

    ● 设置计算依据特定维度

    ● 确保只有地区被勾选

    如果一切顺利,你的曲线条形图跟下面的效果应该差不多啦~

    现在,我们马上就要完成啦!!!

    ● 隐藏轴标题

    ● 降低多边形的颜色透明度为 50%

    ● 编辑工具提示

    其实,你可以想怎么调整就怎么调整,但是你的结果应该跟下图差不多:

    试着调整一下距离参数,看看你能想到什么。完成啦!

    相关文章

      网友评论

          本文标题:【TOAN HOANG 专题(45)】曲线条形图

          本文链接:https://www.haomeiwen.com/subject/kuuyphtx.html