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

47次阅读

共计 357 个字符,预计需要花费 1 分钟才能阅读完成。

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. 本期的教程到了这里就完结啊啦, 让咱们一起致力走向巅峰!

正文完
 0