关于echarts:echarts柱状图柱柱子的大小

echarts柱状图柱柱子的大小

1.开发环境 vue+element+echarts
2.电脑系统 windows10 专业版
3.在开发的过程中,咱们常常会做一些柱状图,这里我抉择的是 echarts,平时咱们要应用一些柱状图,柱状图的大小怎么管制呢?办法如下:

series: [

 {

  barWidth:30,//管制柱状图的大小

 name: '',

 type: 'bar',

 stack: '总量',

 label: {

 show: true,

 position: 'inside'

 },

 data: [2900, 1200, 300, 200, 900, 300]

 }

 ]
 //留神:这样的配置,你会发现,柱状图下面显示的有对应的数值,2900/1200/200/900/300 鼠标移入到对应的柱状图下面也会显示!

4.本期的教程到了这里就完结啊啦,让咱们一起致力走向巅峰!