zoukankan      html  css  js  c++  java
  • tableau 华夫饼图,饼图的替代品。

    简单的华夫饼图waffle

    华夫饼图用来展示展示部分与整体的比例关系。展示效果比传统的饼图更精确,没有传统饼图的缺点。

    具体方法

    除了使用原数据表,还需要使用一个辅助表。

    辅助表的作用是制作图形,数据表则用于填充数据。

    辅助表:

    使用示例-超市的数据,和辅助表的数据来创建一个华夫饼图

    ⚠️辅助表数据从 https://public.tableau.com/profile/ratnesh2928#!/vizhome/WInningFormula/Dashboard1?publish=yes 导出。

    首先,导入辅助表数据。

    然后,把column, row拖入对应列/行,然后拖拉调整宽度。

    最后,使用数据源数据。

    1. 这里展示产品的利润率,创建计算字段Box to Color:[示例 - 超市].[利润率] >= SUM([Percentage])
      • 利润率是一个百分比值:sum(利润) / sum(销售额)
      • 利润率和辅助表中的Percentage列的每个数据比较。
        • [示例 - 超市].[利润率] >= SUM([Percentage])之所以使用sum([Percentage]) 是因为利润率的计算使用了聚合函数sum,⚠️。
        • 为True , 用红色
        • 否则False,用深蓝色。
    2. 把字段拖入“标记”-"颜色"。

    借用一张图说明:


    参考

    华夫饼图案例:https://public.tableau.com/profile/ratnesh2928#!/vizhome/WInningFormula/Dashboard1?publish=yes

    手把手的视频:https://www.youtube.com/watch?v=wRpBkl6-uhU&feature=youtu.be

    https://zhuanlan.zhihu.com/p/68900294

  • 相关阅读:
    CSS3_02之2D、3D动画
    CSS3_01之选择器、Hack
    css_04之显示、定位
    css_03之文本、浮动
    css_02之盒模型、渐变
    javascript获取非行间样式的方法(可以兼容各个浏览器)
    gulp的用法
    grunt的用法
    grunt
    git用法
  • 原文地址:https://www.cnblogs.com/chentianwei/p/12904658.html
Copyright © 2011-2022 走看看