echarts的多个仪表盘怎么设置echarts自适应div宽度宽度

来源：蜘蛛抓取(WebSpider) 时间：2017-10-22 05:56 标签： echarts 宽度自适应
他的最新文章
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)15:13 提问
echarts如何实现宽度自适应
echarts宽度自适应
如果不设定宽度，报表无法显示？为什么？求高手指点
按赞数排序
准确详细的回答，更有利于被提问者采纳，从而获得C币。复制、灌水、广告等回答会被删除，是时候展现真正的技术了！
其他相关推荐echarts生成的图表大小怎么随屏幕的大小改变自适应_百度知道
echarts生成的图表大小怎么随屏幕的大小改变自适应
我有更好的答案
在setoption之后添加这段代码：window.onresize = myChart.
采纳率：25%
你只需要让图表外的div容器随着屏幕自适应就好了。用百分比
你这个是能用一张表，搞毛
2条折叠回答
为您推荐：
其他类似问题
echarts的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。一个页面只有一个echarts图形时，可以写为myChart.setOption(option);window.onresize = myChart.&&一个页面含有多个echarts图形时，则只有一个图形可自适应窗口大小，另外一个则不能随窗口大小而改变图形大小，&解决办法为在每一个echarts图形页面将上面代码改为如下代码myChart.setOption(option);window.addEventListener("resize",function(){&&&&myChart.resize();});&&&对象不支持“addEventListener”属性或方法 ie8 jquery解决方法：1，请查看你使用的jquery版本；2，jQuery 2.x 已经不支持IE9以下的IE浏览器，如果你想继续支持IE6/7/8，请使用jQuery 1.x版本（最新版本：jQuery 1.11.0）；3，如果要兼容 IE 6/7/8/9/10...建议1.x和2.x版本切换使用&&&& 1.x和2.x版本切换使用方法:&!--[if !IE]& --&&&& &script src="jquery-2.0.0b2.js"&&/script&&!-- &![endif]--&&!--[if IE]&&&& &script src="jquery-1.9.1.js"&&/script&&![endif]--&&
阅读(...) 评论()echarts（2）
&1.还是我上一篇echarts简单使用的例子：
如果是随windows的width和height自适应的话，如下：
var echartsWarp= document.getElementById('echartsWarp');
var resizeWorldMapContainer = function () {//用于使chart自适应高度和宽度,通过窗体高宽计算容器高宽
echartsWarp.style.width = window.innerWidth+'px';
echartsWarp.style.height = window.innerHeight+'px';
resizeWorldMapContainer ();//设置容器高宽
var myChart = echarts.init(echartsWarp);// 基于准备好的dom，初始化echarts实例
2.如果这时你的窗口大小发生了变化，需要刷新，加上如下代码：
window.onresize = function () {//用于使chart自适应高度和宽度
resizeWorldMapContainer();//重置容器高宽
myChart.resize();
如果你的图表是按照某一个大盒子自定义，比如container，将上述window.innerWidth和window.innerHeight替换为容器元素的container.clientWidth和
container.clientHeight即可。其根本原理就是通过JavaScript来刷新图表宽高而非直接css自适应(因为ECharts不支持)
访问：6924次
排名：千里之外
原创：19篇

我要回帖

更多关于 echarts 宽度自适应 的文章

 

随机推荐