echarts柱状图怎么改变宽高
时间: 2023-11-15 11:02:07 浏览: 68
echarts 柱状图
要修改ECharts柱状图的宽高,可以通过设置series-bar.barWidth属性来实现。该属性可以是绝对值例如40或者百分数例如'60%'。百分数基于自动计算出的每一类目的宽度。在同一坐标系上,此属性会被多个'bar'系列共享。此属性应设置于此坐标系中最后一个'bar'系列上才会生效,并且是对此坐标系中所有'bar'系列生效。具体的实现方法可以参考以下代码:
series: [
{
name: 'aaa',
type: 'bar',
stack: '广告',
itemStyle: {
normal: {
color: '#6485CA',
// barBorderRadius: [10, 10, 0, 0], //依次表示 左上,右上,右下、左下
label: {
show: false,
position: 'top',
textStyle: {
color: '#aaa',
fontSize: 14
}
}
}
},
data: investmentCompleteRate
},
{
name: 'bbb',
type: 'bar',
barWidth:'30%', // 设置柱条的宽度为30%
stack: '广告',
itemStyle: {
normal: {
color: '#FF774B',
barBorderRadius: [10, 10, 0, 0], //依次表示 左上,右上,右下、左下
label: {
show: false,
position: 'top',
textStyle: {
color: '#aaa',
fontSize: 14
}
}
}
},
data: budgetCompleteRate
},
]
阅读全文