所有文档

          百度数据可视化 Sugar

          柱状图、横向柱图

          柱状图可以利用高度来反映一段时间内,数据变化或显示各项之间的比较情况;条形图是将柱状图的 X、Y 轴翻转,适用于⽐较分类数据且数据标签较⻓的场景;堆积柱状图是将多个系列的柱子叠加起来,不仅可以直观的看出每个系列的值,还能反映出系列的总和;双向柱状图用于比较同类别的正反向数值差异。

          柱状图的数据绑定

          如:展示不同「地区」的「销售额」对比:

          图片

          柱状图还可以设置「颜色图例」来进行分组,例如展示「地区」下各个「产品类别」的「销售额」数据:

          图片

          堆积柱图

          上面的示例,很多情况可能需要对「产品类别」进行堆积展示,如下效果:

          图片

          自定义配色

          柱状图支持丰富的自定义配色设置,在「基础」面板中可以设置柱状图的各项配色,如:逐系列设置柱图的颜色,并且支持设置渐变效果,还可以设置阴影效果,让图表更具有立体感。

          图片

          柱状图的高级设置

          柱状图的高级设置中包括了丰富的图表展示设置,用户可以根据需要开启相应的功能,有些设置和折线图是一样的,如:二次计算、X 轴缩放、默认展示系列数、数据单位、Y 轴类型、X 轴标签全部展示、标记和标线等,可参考折线图的高级配置。下面对柱图的的几个特殊功能作说明:

          X/Y 轴翻转

          X/Y 轴翻转是柱状图和横向柱状图(条形图)的切换开关:

          图片

          柱体设置

          您可以设置柱顶展示数据,配置柱体的圆角、粗度,如:

          图片

          数据排序

          可以在展示时,设置数据按照大小进行排序:

          图片

          正负柱图

          只要数据中有负数,然后开启「X/Y 轴翻转」和「设置为堆积图」,就能得到正负柱图效果:

          图片

          双向对比柱图

          如果数据有两个系列,都是正数,但是又想要达到类似上面的「正负柱图」双向对比的效果,我们就可以开启「设置为双向对比柱图」和「X/Y 轴翻转」,达到如下效果(效果和上面的「正负柱图」,但是左右两个方面都是正数):

          图片

          胶囊柱图

          图片

          轮播同步图表联动

          在柱图开启了 tooltip 轮播和联动后,可以通过设置「轮播同步图表联动」,在 tooltip 轮播的同时触发下级图表的联动,详见「图表联动」。

          上一篇
          折线图、线柱混搭
          下一篇
          山峰柱图