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

科学上没有平坦的大道,真理长河中有无数礁石险滩。只有不畏攀登的采药者,只有不怕巨浪的弄潮儿,才能登上高峰采得仙草,深入水底觅得骊珠。——华罗庚

友情链接