v-charts 绘制的图片下方空白部分过大，怎么裁剪_前端问题_站长_知道

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

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 收藏 0

回答1

最佳

@niaoniao

使用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

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

回答1

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