前端Vue应用Echarts图表自适应性问题
发布时间
阅读量：
阅读量
vue 中 Echarts 图表自适应问题
一、问题来源
在单一的 vue 组件内部，若需嵌入常规类型的可视化图表（例如柱状图或折线图），可通过以下途径实现其自适应功能。
window.resize( function () {
myChart.resize();
});
//或者以下方法也可（上面的另一种写法）
window.resize( => ({
myChart.resize();
});
//以下方法也可,适合多个显示 echarts 图表的 vue 组件之后被插入到一个组件的情况
//window.addEventListener('resize',function () {
// myChart.resize();
// });
我设计并实现了一个名为BarChart.vue的组件。
<template>
<router-link to="a全部评论 (0)
还没有任何评论哟~