反馈已提交

网络繁忙

百分比堆积面积图

  • Last update:  2022-08-01
  • 1. 概述

    1.1 应用场景

    在堆积面积图的基础上,计算每个指标占所有指标总和的百分比,即形成了堆积面积图。如下图所示:

    1658304745522041.jpg

    1.2 数据要求

    图表类型
    维度字段指标字段
    百分比堆积面积图12

    1.3 图表特点

    优点:可以强调不同类型数量随时间变化的程度,引起人们对总值的重视,也可从图形中了解到部分与整体的关系。

    缺点:不利于过多类的展示,画面会比较拥挤,且颜色也不好区分。

    2. 示例

    2.1 准备数据

    1)管理员进入系统,点击「我的分析」,选中某个文件夹,点击「新建分析主题」。如下图所示:

    堆积面积图-1.jpg

    2)点击「本地Excel文件>上传数据」,上传表数据。如下图所示:

    示例数据BI百分比堆积面积图.xlsx

    堆积面积图-2.jpg

    3)上传后,点击「确定」按钮。如下图所示:

    1658301800207113.jpg

    2.2 创建组件

    1)点击左下角「组件」按钮。如下图所示:

    1658301885349462.jpg

    2)将指标下的「年份」字段转化为维度,如下图所示:

    百分比堆积面积图-3.jpg

    3)选择「+」,将指标下的「Asia」、「Africa」、「Europe」、「Lation America」、「North America」字段分别进行百分比计算得到「Asia百分比」、「Africa百分比」、「Europe百分比」、「Lation America百分比」、「North America百分比」字段。

    1658302247981134.jpg

    4)选择「自定义图表」,将「Asia百分比」、「Africa百分比」、「Europe百分比」、「Lation America百分比」、「North America百分比」字段分别拖到纵轴,将「年份」字段拖到横轴。如下图所示:

    1658302730210681.jpg

    5)将「年份」字段设置为「相同值为一组」。将「Asia百分比」、「Africa百分比」、「Europe百分比」、「Lation America百分比」、「North America百分比」字段分别设置为「开启堆积」。如下图所示:

    百分比堆积面积图-6.jpg

    6)将「Asia百分比」、「Africa百分比」、「Europe百分比」、「Lation America百分比」、「North America百分比」字段的数值格式,设置为「百分比」。如下图所示:

    1658303038780120.jpg

    7)设置图例为显示,图例字体颜色为「蓝色」,选择字体大小为「12」,图例位置为「靠上居中」显示。如下图所示:

    百分比堆积面积图-8.jpg

    8)设置图形颜色。如下图所示:

    百分比堆积面积图-9.jpg

    2.3 设置坐标轴

    1)设置 「年份」字段,设置轴标签,文本方向为「-15」, 字号选择「12」,字体选择为「蓝色 」,取消「轴标题」。如下图所示:

    1658303908430456.jpg

    2)设置轴标签 为「蓝色」,字体大小为「12」,同时设置轴刻度最小值为「0」,最大值为「1」,重新命名标题名称为「Ten Thousand」,同时设置字体大小为「12」。如下图所示:

    百分比堆积面积图-11.jpg

    2.4 添加仪表板

    1)添加仪表板,并将组件添加至仪表板。如下图所示:

    1658304445240165.jpg

    2)设置组件标题,输入百分比堆积面积图,选择字体大小为「13」,「加粗」,并设置字体颜色为「黑色」。如下图所示:

    1658304672309490.jpg

    3. 效果预览

    3.1 PC 端

    点击「保存仪表板」,点击「预览仪表板」,效果如 1.1 节所示。

    3.2 移动端

    App 及 HTML5 端预览效果相同,如下图所示:

    1658820572718966.jpg


    Attachment List


    Theme: 制作可视化组件
    前の記事
    次の記事
    • いいね
    • 良くない
    • 閲覧しただけ

    フィードバック

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭