今天没事干做了一下echarts自适应,不知道这个方案合不合适,但是自适应效果是实现了的,大概就是页面加载时绘制图表,使用window.onresize监听窗口大小的变化,窗口大小发生改变就重新执行绘制图表的方法,并传入一个 true参数 标识这是重绘,代码如下:
var echartPanel=document.getElementById("echartPanel");//获得容器
var rates = ["1.52", "9.00", "3.03", "8.00", "3.03", "7.00", "0.00", "1.00", "0.00", "9.00", "0.00", "4.00", "0.00", "3.00", "20.00", "0.00", "6.00", "0.00", "4.00", "0.00", "0.00", "15.00"];//数据
var projects = ["云南", "新疆", "四川", "北京", "陕西", "广东", "辽宁", "上海", "江西", "贵州", "内蒙古", "台湾", "河南", "福建", "浙江", "西藏", "甘肃", "陕西", "河北", "黑龙江"