resize函数c++echarts随屏幕⼤⼩改变⼤⼩(resize)
echarts多个图表⼤⼩随屏幕的⼤⼩改变⾃适应,Echarts 多图表⾃适应窗⼝⼤⼩,echarts随页⾯⼤⼩变化⽽变化;
当页⾯只有⼀个图表的时候直接⽤ size = size 就可以了
resize ⽤来改变图表尺⼨,在容器⼤⼩发⽣改变时需要⼿动调⽤。
var myChart = echarts.ElementById('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);
但是如果⼀个页⾯有多个图表的时候就需要⽤到 addEventListener 了,不然页⾯上只有⼀个图表会根据浏览器的变化⽽⾃适应。
var myChart = echarts.ElementById('main'));
var myChartA = echarts.ElementById('mainA'));
var myChartB = echarts.ElementById('mainB'));
// 指定图表的配置项和数据
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);
myChartA.setOption(option);
myChartB.setOption(option);
window.addEventListener("resize",function (){
});
或者
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论