一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第18天,点击查看活动详情。
Echarts 柱状图调整 y 轴单位标题与图表之间的距离
在我们绘制图标的时候,有时 y 轴单位标题的位置距离图标太近,影响美观,如图所示:
我们想把
元
离图表远一些,怎么操作?
option = {
title:{
text: '每周报表'
},
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value',
name: '元',
+ nameGap: '20'
+ // 距离大小可以根据自己的实际需求调整
},
series: [
{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}
]
};
效果图:
完成。