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条评论
一言

人生并不像火车要通过每个站似的经过每一个生活阶段。人生总是直向前行走,从不留下什么。——刘易斯

友情链接