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

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日

悬赏问题

  • ¥100 已有python代码,要求做成可执行程序,程序设计内容不多
  • ¥15 目标检测项目无法读取视频
  • ¥15 GEO datasets中基因芯片数据仅仅提供了normalized signal如何进行差异分析
  • ¥15 小红薯封设备能解决的来
  • ¥100 求采集电商背景音乐的方法
  • ¥15 数学建模竞赛求指导帮助
  • ¥15 STM32控制MAX7219问题求解答
  • ¥20 在本地部署CHATRWKV时遇到了AttributeError: 'str' object has no attribute 'requires_grad'
  • ¥15 vue+element项目中多tag时,切换Tab时iframe套第三方html页面需要实现不刷新
  • ¥50 深度强化学习解决能源调度问题