柱状图

柱状图的简介

基础柱状图，使用垂直或水平的柱子显示类别之间的数值比较。其中一个轴表示需要对比的分类维度，另一个轴代表相应的数值。

柱状图有别于直方图，柱状图无法显示数据在一个区间内的连续变化趋势。柱状图描述的是分类数据，回答的是每一个分类中『有多少？』这个问题。 需要注意的是，当柱状图显示的分类很多时会导致分类名层叠等显示问题，下面我们会举例说明。

英文名：Basic Column Chart, Basic Bar Chart

柱状图的构成

纵向柱状图（简称：柱状图）

横向柱状图 （简称：条形图）

柱状图的应用场景

例1：单值比较

• 数据源：各国人口 （Json格式说明）

    [
        { country: '巴西', population: 18203 },
        { country: '印尼', population: 23489 },
        { country: '美国', population: 29034 },
        { country: '印度', population: 104970 },
        { country: '中国', population: 131744 },
    ]
  

• 步骤：
  1. 加载 bar-column-01.json
  2. 设置字段名称和类型country（国家 - 文本），population（人口 - 整型）
  3. 添加堆积条形图和堆积柱状图
  4. 设置轴和值属性
• 效果：
  

例2：多值构成

• 数据源：各地按年龄段人数统计

• 步骤

  1. 加载 bar-column-02.json
  2. 修改字段名称地区，设置其它字段为数字类型
  3. 添加堆积条形图和堆积柱状图
  4. 设置轴，将各年龄段都添加到值属性

• 效果：
  

例3：多值比较

• 数据源：同例2
• 步骤：
  1. 复制例2的堆积条形图和堆积柱状图，分别改为簇状条形图和簇状柱状图
• 效果：
  簇状相对于堆积更好的体现了同地区内多个值的差别，但减弱了各地区之间的差别展示

例4：多值占比

• 数据源：同例2
• 步骤：
  1. 复制例2的堆积条形图和堆积柱状图，分别改为百分比堆积条形图和百分比堆积柱状图
• 效果：
  表现了各州之前了各个年龄段人数占比的差别，无法体现总数差别

例5：镜像分组条形图（需联网）

• 数据源：各国耕地和转基因种植面积对比
• 步骤：
  1. 加载 bar-column-05.json
  2. 修改字段名：国家（文本），耕地类型（文本），面积（小数）
  3. 获取更多视觉对象，查找tornado，添加Tornado chart

     Tornado chart - 龙卷风图（也称为龙卷风图，龙卷风图或蝴蝶图）是条形图的一种特殊类型，其中数据类别是垂直列出的，而不是标准的水平表示形式，并且对类别进行排序以使最大的条形出现在顶部在图表中，倒数第二大的显示倒数第二，依此类推。他们之所以如此命名，是因为最终图表直观地类似于任何的一半或一个完整的龙卷风。

  4. 添加Tornado chart 到报表页，设置组、图例和值三个属性
• 效果：

例6：瀑布图（需联网）

• 数据源：消费占比
• 步骤：
  1. 加载 bar-column-06.json
  2. 修改字段名：消费类型（文本），金额（整数）
  3. 获取更多视觉对象，查找waterfall，添加Simple Waterfall
     
  4. 添加Simple Waterfall到报表页，设置Category、Values属性
• 效果：
  

例7：动态播放

• 数据源：主要国家历年GDP数据（单位：美元）
  

  数据来源：联合国网站

• 步骤：

  1. 加载 country-gdp-1970-2018.xlsx
  2. 设置字段名称和类型：Country（文本），Year（整数），GDP（小数）
  3. 获取更多视觉对象Play Axis动态切片工具
     
  4. 在报表页添加堆积条形图，设置轴（Country）和值（GDP）
  5. 添加Play Axis设置Field为Year
  6. 编辑交互类型，把条形图的响应更改为筛选器
     

• 效果：
  

柱状图与其他图表的对比

柱状图和折线图、饼图

• 柱状图主要用于多个分类间的数据（大小、数值）的对比
• 折线图主要用于展示连续数值（例如时间）或者有序分类的变化趋势
• 饼图主要是展示分类之间的占比情况

柱状图和南丁格尔图（玫瑰图）

• 南丁格尔图（玫瑰图）通过半径的大小来对比数据
• 柱状图根据矩形的长度来对比数据