Smartbi-柱状图01横条图

V11版本优化了很多内容，目前柱状图想做的好看已经是很简单的事情了

本次尝试使用V11版本交互式仪表盘实现一些想要的柱状图效果

效果如图

开始制作

  1.组件选择：横条图

    因为进度图目前无法添加自定义属性，所以此处选择了横条图

  2.选取数据

  3.调整样式

    颜色：改为渐变，无需在颜色标记中拖入字段，只需要点击齿轮按钮进行设置即可，若加入字段，会按照这个字段进行分组显示颜色

   

    调整圆角：基础-圆角，统一设置为5

   

    隐藏x、y轴相关内容，只显示y轴的刻度

   

    调整柱子宽度，这一步可以在基础-柱间距中设置，不过只能设置百分比间距，此处在自定义属性中添加柱子宽度为10即：barWidth: 10

    [小技巧]圆角角度=柱子宽度的一半 这样看起来比较好看

    自定义属性中：显示柱子背景，并设置圆角

    整体option如下：

option = {

  series: [{

    barWidth: 10,

    showBackground: true,

    backgroundStyle: {

      borderRadius: 5

    }

  }]

}

ok，一个看起来不错的横条图就出来了

经验分享超棒！