LM19 2021-10-23 09:46 采纳率: 61.5%
浏览 439
已结题

Vue使用echarts画图,横坐标名称显示不全的问题

我在vue中使用echarts做了一个图,定义了图形大小,横坐标只显示了一点。如果修改height: '450px' 的值,图形区域随之改变,横坐标位置没有变化。
怎么修改chart最外层的大小呢?

<div
      class="chart-container"
      ref="chart1"
      :style="{ width: '800px', height: '450px' }"
    ></div>

横坐标位置设置:

nameTextStyle: {
            padding: [0, 0, -130, -400]    // 四个数字分别为上右下左与原位置距离
          },

img

  • 写回答

1条回答 默认 最新

  • tonyzhangcn 2021-10-23 10:08
    关注

    调整一下options 里边的grid 选择中的值。
    例如上下等。 另外 把 containLabel: true ,使得计算下边的空间的时候把label也计算进去。
    grid: {
    top: 40,
    left: 20,
    containLabel: true
    },

    另外,建议你把x轴的label 设置一个倾斜角度,例如30°或者45°

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 10月31日
  • 已采纳回答 10月23日
  • 创建了问题 10月23日

悬赏问题

  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题