最近在做大屏数据展示的时候遇到这样的问题:echarts绘制出来的图表transform缩放页面的时候,图表不显示,参考线上竞品产品发现有svg格式,于是乎测试了下确实可以,于是乎分享出来,希望遇到同样问题的前端小伙伴们点进来。另外可以使用onresize同时,参考 // 使用 Canvas 渲染器(默认) var chart = echarts.init(containerDom, null, {renderer: 'canvas'}); // 等价于: var chart = echarts.init(containerDom);
// 使用 SVG 渲染器 var chart = echarts.init(containerDom, null, {renderer: 'svg'}); setTimeout(function (){ window.onresize = function () { chart.resize(); } },200)