首页 > 其他 > 详细

echarts 调整图表 位置 的方法

时间:2020-04-02 17:18:14      阅读:525      评论:0      收藏:0      [点我收藏+]

想做一个漂亮的图表,用上了背景图片,做的很唯美(自认为);

技术分享图片

 

 

 但是无论怎么弄都不行,x轴和下面的背景线和y轴的线左侧的背景线不吻合,很是懊恼;

后来看了网友的文章,用了面的属性,轻松搞定

 

 myChart.setOption({  
                title:{
                    text:"价格指数"
                },
                grid:{
                    x:0,
                    y:0,
                    x2:0,
                    y2:90,
                    borderWidth:1
                },
            

技术分享图片(此图是偷的)

 

  看了上图,如果是想调整图表与div间上下左右留白,则设置grid属性就可以了

 我看网上说这个不起作用,但是我的效果已经实现了;

 如果不起作用,你可以试试下面的代码

myChart.setOption({  
                title:{
                    text:"图表1"
                },
                grid:{
                    left:‘8%‘,
                    right:‘0‘,
                    bottom:‘1%‘,
                    containLabel:true
                },
  

  

 

echarts 调整图表 位置 的方法

原文:https://www.cnblogs.com/alinelong/p/12620704.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!