Layui自适应echarts图表


在管理系统页面中需要进行拖拉拽,装有echarts图表的容器并不会随之变动,

需要同时计算宽度然后给容器:

var echartsContainer  =  document.getElementById("#id名称"),
  autoContainer =   function () {
  echartsContainer.style.width = $(".layui-col-sm12").clientWidth + 'px';
};
autoContainer(); //初始化容器高宽
var myChart = echarts.init(echartsContainer);
myChart.setOption(option);
window.onresize = function () {
    autoContainer();
    myChart.resize();
};



所有原创文章未经本人许可,不得用于商业用途以及传统媒体。网络媒体或个人转载请注明出处和链接,否则属于侵权行为。
本站部分内容收集于互联网,如有侵权内容,请与我们联系,我们会及时删除!
相关推荐

提交评论
0条评论
一言

土地是以它的肥沃和收获而被估价的;才能也是土地,不过它生产的不是粮食,而是真理。如果只能滋生瞑想和幻想的话,即使再大的才能也只是砂地或盐池,那上面连小草也长不出来的。 —— 别林斯基

友情链接