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

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 02:08
    关注

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

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
    LM19 2021-10-23 04:01

    搞定,谢谢!

    回复
编辑
预览

报告相同问题?

问题事件

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

悬赏问题

  • ¥100 二维码被拦截如何处理
  • ¥15 怎么解决LogIn.vue中多出来的div
  • ¥15 优博讯dt50巴枪怎么提取镜像
  • ¥30 在CodBlock上用c++语言运行
  • ¥15 求C6748 IIC EEPROM程序固化烧写算法
  • ¥50 关于#php#的问题,请各位专家解答!
  • ¥15 python 3.8.0版本,安装官方库ibm_db遇到问题,提示找不到ibm_db模块。如何解决?
  • ¥15 TMUXHS4412如何防止静电,
  • ¥30 Metashape软件中如何将建模后的图像中的植被与庄稼点云删除
  • ¥20 机械振动学课后习题求解答
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部