Problems with echarts charts and text blur

In the react project, the postCSS-px2REM plugin references the import ‘./lib/lib-flexible/flexible.js’ file. Changing the browser scale will make it blurry as echarts uses a canvas by default. You can change it to SVG or make the canvas sharper

let myChart = echarts.init(document.getElementById('ehcartsPark'), null, { renderer : 'svg' });
Copy the code

or

let myChart = echarts.init(document.getElementById('ehcartsPark'), null, {devicePixelRatio: 3});
Copy the code