ecomfe / echarts-liquidfill

Liquid Fill Chart for Apache ECharts
https://ecomfe.github.io/echarts-liquidfill/example/
BSD 3-Clause "New" or "Revised" License
1.47k stars 620 forks source link

水波图内存泄露的问题,不定时会出现,最严重的时候会导致浏览器直接挂掉 #162

Closed GuoSongGit closed 1 year ago

GuoSongGit commented 1 year ago

const data = [ { value: value, // direction: left, //指定波浪的移动方向'left' 或 'right', 'none' 表示静止。 itemStyle: { color: '#eeeeee', }, }, { value: value, // direction: left, //指定波浪的移动方向'left' 或 'right', 'none' 表示静止。 itemStyle: { color: setting.color.generationOverview + '2d', }, }, { value: value, // direction: left, //指定波浪的移动方向'left' 或 'right', 'none' 表示静止。 itemStyle: { color: setting.color.generationOverview, }, }, ]; const option = { title: { text: titleText, textStyle: { fontSize: 22, fontWeight: 'bold', color: 'rgb(0, 0, 0)', lineHeight: 22, rich: { a: { fontSize: 22, fontWeight: 'normal', color: 'rgba(0, 0, 0, .7)', }, }, },

            // subtext: '%',
            // subtextStyle: {
            //  fontSize: 22,
            //  fontWeight: 'bold',
            //  color: 'rgba(0, 0, 0, .7)',
            //  lineHeight: 22,
            // },
            x: 'center',
            y: '40%',
        },

        series: [
            {
                type: 'liquidFill',
                radius: '96%',
                center: ['50%', '50%'],
                amplitude: 100, // 改变波的振幅
                //  shape: 'roundRect',
                data: data,
                backgroundStyle: {
                    color: '#fff',
                    // color: {
                    //  type: 'linear',
                    //  x: 1,
                    //  y: 0,
                    //  x2: 0.5,
                    //  y2: 1,
                    //  colorStops: [
                    //      {
                    //          offset: 1,
                    //          color: '#fff',
                    //      },
                    //      {
                    //          offset: 0.5,
                    //          color: '#fff',
                    //      },
                    //      {
                    //          offset: 0,
                    //          color: '#fff',
                    //      },
                    //  ],
                    //  globalCoord: false,
                    // },
                },
                // 外边框
                outline: {
                    borderDistance: 0,
                    itemStyle: {
                        borderWidth: 2,
                        borderColor: {
                            type: 'linear',
                            x: 0,
                            y: 0,
                            x2: 0,
                            y2: 1,
                            colorStops: [
                                {
                                    offset: 0,
                                    color: setting.color.generationOverview,
                                },
                                {
                                    offset: 1,
                                    color: setting.color.generationOverview,
                                },
                            ],
                            globalCoord: false,
                        },
                    },
                },
                label: {
                    formatter: '',
                },
                itemStyle: {
                    // 水波渐变色
                    color: {
                        type: 'linear',
                        x: 0,
                        y: 0,
                        x2: 0,
                        y2: 1,
                        colorStops: [
                            {
                                offset: 1,
                                color: 'rgba(58, 71, 212, 0)',
                            },
                            {
                                offset: 0,
                                color: 'rgba(31, 222, 225, 1)',
                            },
                        ],
                        globalCoord: false,
                    },
                    shadowBlur: 0,
                    shadowColor: 'white',
                },
            },
        ],
    };
    chart?.setOptions(option);