transform 变换,对echarts图形,会产生影响echarts 折线配置项内容和展示

在对带有echarts图表的页面body元素,进行transform变换的时候,在PC端表现正常,但是在带触屏的PC机器,或者是移动端机器上,使用触屏点击图表,会出现点击事件响应的位置偏移,甚至会失效

配置项如下
      option = {
    title: {
        text: 'Awesome Chart'
    },
    xAxis: {
        data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    },
    yAxis: {},
    series: [{
        type: 'line',
        data:[220, 182, 191, 234, 290, 330, 310]
    }]
};
//当对整个body进行 transform 变换的时候,echarts图形在触屏端的点击事件会偏移,甚至失效
$("body").css("transform-origin", "0 0");
$("body").css("transform", "scale(0.8, 0.8)");
    
截图如下