echarts生成的图表大小怎么随屏幕的大小改变自适应
展开全部
如果一个页面有一个图表：
myChart.setOption(option,window.onresize = myChart.resize)；
如果一个页面有多个图表（此处举例3个）：
shopsInfo.setOption(shopsInfos);
vendor.setOption(vendors);
company.setOption(companys);
在最后加上如下代码
//图表根据窗口大小自适应
setTimeout(function (){
window.onresize = function () {
shopsInfo.resize();
vendor.resize();
company.resize();
}
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
在setoption之后添加这段代码：window.onresize = myChart.resize;
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你好
ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。
当页面只有一个图表的时候直接用 window.onresize = myChart.resize 就可以了。
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option={title:{text:'ECharts 入门示例'},tooltip:{},legend:{data:['销量']},xAxis:{data:["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]},yAxis:{},series:[{name:'销量',type:'bar',data:[5,20,36,10,10,20]}]};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
window.onresize = myChart.resize;但是如果一个页面有多个图表的时候就需要用到addEventListener了，不然页面上只有一个图表会根据浏览器的变化而自适应。
具体实现代码请参照：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你只需要让图表外的div容器随着屏幕自适应就好了。用百分比
已赞过
已踩过<
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
