Echart X轴Y轴文字被遮挡怎么办

2021-04-27 10:14:59

有时候布局太小，使用echarts，x轴y轴文字容易被遮挡，怎么解决这个问题呢，

下面给大家推荐两个方法，我们重点推荐第一个方法。

  1. 直接设置 

options: {
	grid: {
	
		 containLabel: true,
	},}

        2. 间接设置，但是不那么准确，自适应的页面会有问题

options: {
	grid: {
		 left: '1%',
		 right: '1%',
		 bottom: '10%',
		
	},}


  • 精彩推荐

  • 2020-04-01 10:15:11

    vue-cli3.0中vue.config.js的基本配置(去除esLint提示和解决build后静态文件路径报错)

    vue-cli是开发vue项目必不可少的脚手架工具，3.0版本之前的目录结构是由config目录的，关于webpack配置的文件都放在该目录里面，而3.0版本之后做了一个大更新，webpack相关的默认配置都帮你集成到webpack的npm 包里面去了，官方提供的一种修改配置的方式就是开发者自己在项目的根目录（与src同层级的目录）下建立一个vue.config.js的文件，然后去覆盖自定义的配置，达到你想要的效果，下面写一个基本的默认配置

  • 2020-04-01 10:21:20

    Vue extend $mount 构造器详解

    本节介绍两个 Vue.js 内置但却不常用的 API——extend 和 $mount，它们经常一起使用。不常用，是因为在业务开发中，基本没有它们的用武之地，但在独立组件开发时，在一些特定的场景它们是至关重要的。

  • 2020-04-01 15:36:52

    CSS3中的transition属性详解

    transition: property duration timing-function delay transition属性是个复合属性，她包括以下几个子属性： transition-property ：规定设置过渡效果的css属性名称 transition-duration ：规定完成过渡效果需要多少秒或毫秒 transition-timing-function ：指定过渡函数，规定速度效果的速度曲线 transition-delay ：指定开始出现的延迟时间