[apache/echarts][Bug] echarts 饼图出现了锯齿

2024-05-11 841 views
5
版本

5.3.2

重现步骤

bf3547e5b0bef7b63c0467b67725104

目前的行为

bf3547e5b0bef7b63c0467b67725104

预期行为

采用延迟的是加载,使用的svg渲染,显卡分辨率为1920*1080,window.devicePixelRatio为1

{
    tooltip: {
      backgroundColor: '#00296B',
      borderColor: '#00296B',
      textStyle: {
        color: '#1ec4ff',
      },
      trigger: 'item',
      formatter: (params: object | any) => {
        const { name, value } = params
        return `${name}:${value}`
      },
    },
    legend: {
      bottom: 'bottom',
      textStyle: {
        color: '#1ec4ff',
      },
      pageIconColor: 'rgba(255,255,255,.6)',
      pageTextStyle: {
        color: 'rgba(255,255,255,.6)',
      },
    },
    series: [
      {
        name: '工单分析',
        type: 'pie',
        radius: ['50%', '70%'],
        color,
        bottom: '40px',
        tooltip: {
          trigger: 'item',
        },
        legend: {
          orient: 'vertical',
          bottom: 'bottom',
        },
        data:[{value:4,name:"名字1"},{value:6,name:"名字2"},{value:3,name:"名字3"},{value:1,name:"名字4"}]
      },
    ],
  }
环境
- OS:
- Browser:
- Framework:
还有其他意见吗?

没有反应

回答

1

我的论文没有详细说明该问题

8

我的论文没有详细说明该问题

我的aoc显示器也没有问题,但是测试Dell显示器就出现了这个问题,崩溃了,难不成是不同的液晶材质导致的吗?

2

那还真可能和GPU有关系。记得之前有开发者反馈渲染问题,一般取消GPU加速可能就可以了。

1、浏览器地址栏输入:chrome://flags/#disable-accelerated-2d-canvas 2、选择“禁用” 3、重启浏览器。

8

取消GPU加速

我觉得真的可能是这个原因,我的是有显卡的正常,出问题的都是没有显卡的机器,使用cpu自带显卡的都会出现锯齿

8

那还真可能和GPU有关系。记得之前有开发者反馈渲染问题,一般取消GPU加速可能就可以了。

1、浏览器地址栏输入:chrome://flags/#disable-accelerated-2d-canvas 2、选择“禁用” 3、重启浏览器。

试了一下,改善了很多,没有那个明显的锯齿了,但是还有会丢丢一个小锯齿,看来就是没有显卡的原因了。

3

我偶尔出现这个问题,版本5.3.2,暂时没有找到复现的必要元素

8

我偶尔出现这个问题,版本5.3.2,暂时没有找到复现的必要元素

是阿,很难复现,不过感觉是GPU的问题了,有显卡的电脑都没问题

0

我这次偶然出现这个问题,版本5.3.2,暂时没有找到复现的必要元素

[解决方案]:设置最小角度minAngle