在 Echerts 中设置柱状图的粗细

在 Echerts 中设置柱状图的粗细

需要改变 Echarts 柱状图的柱子的粗细。类似这样的:
在 Echerts 中设置柱状图的粗细_第1张图片
那需要加哪个配置?

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [120, 200, 150, 80, 70, 110, 130],
      type: 'bar',
      showBackground: true,
   +  barWidth: 17,
      backgroundStyle: {
        color: 'rgba(180, 180, 180, 0.2)'
      }
    }
  ]
};

就变成了这样:
在 Echerts 中设置柱状图的粗细_第2张图片
大功告成!

你可能感兴趣的:(前端)