Echarts 柱状图调整 y 轴单位标题与图表之间的距离

Echarts 柱状图调整 y 轴单位标题与图表之间的距离

在我们绘制图标的时候,有时 y 轴单位标题的位置距离图标太近,影响美观,如图所示:
Echarts 柱状图调整 y 轴单位标题与图表之间的距离_第1张图片
我们想把 离图表远一些,怎么操作?

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'
    }
  ]
};

效果图:
Echarts 柱状图调整 y 轴单位标题与图表之间的距离_第2张图片
完成。

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