Echarts渲染選擇SVG /canvas

前端晉級攻城獅發表於2019-04-19

最近在做大屏資料展示的時候遇到這樣的問題: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)

相關文章