v-charts 绘制的图片 下方空白部分过大,怎么裁剪

image.png

如图上红色框图所示,如何裁去这部分高度?

HTML 部分代码如下所示

      <div class="left">
        <ve-histogram ref="histogram"
                      :legend="legend"
                      :x-axis="xAxis"
                      :y-axis="yAxis"
                      height='100%'
                      width='100%'
                      :series="series"></ve-histogram>
      </div>

CSS 部分代码如下所示

    .left {
      padding-top: 20px;
      height: 100%;
      width: 75%;
    }
已解决 悬赏分:0 - 解决时间 2021-11-29 01:48
反对 0举报 0 收藏 0

回答1

最佳
  • @

    使用gird设置即可,参照e-charts文档

            <ve-histogram ref="histogram"
                          height='100%'
                          width='100%'
                          :legend="legend"
                          :x-axis="xAxis"
                          :y-axis="yAxis"
                          :grid="grid"
                          :series="series"></ve-histogram>
          // 距离周围的距离
          grid: {
            top: 40,
            bottom: 10
          },
    支持 0 反对 0 举报
    2021-11-28 11:01