fix(visual): fix legend modify alpha on transparent color

apache · Jan 7, 2022 · 72f4c41 · 72f4c41
1 parent 60c0fdf
commit 72f4c41
Show file tree

Hide file tree

Showing 2 changed files with 109 additions and 4 deletions.
diff --git a/src/component/legend/LegendView.ts b/src/component/legend/LegendView.ts
@@ -46,8 +46,7 @@ import {
     SymbolOptionMixin
 } from '../../util/types';
 import Model from '../../model/Model';
-import {LineStyleProps, LINE_STYLE_KEY_MAP} from '../../model/mixin/lineStyle';
-import {ITEM_STYLE_KEY_MAP} from '../../model/mixin/itemStyle';
+import {LineStyleProps} from '../../model/mixin/lineStyle';
 import {createSymbol, ECSymbol} from '../../util/symbol';
 import SeriesModel from '../../model/Series';
 
@@ -244,7 +243,7 @@ class LegendView extends ComponentView {
 
                         const idx = provider.indexOfName(name);
 
-                        const style = provider.getItemVisual(idx, 'style') as PathStyleProps;
+                        let style = provider.getItemVisual(idx, 'style') as PathStyleProps;
                         const legendIcon = provider.getItemVisual(idx, 'legendIcon');
 
                         const colorArr = parse(style.fill as ColorString);
@@ -253,7 +252,7 @@ class LegendView extends ComponentView {
                         if (colorArr && colorArr[3] === 0) {
                             colorArr[3] = 0.2;
                             // TODO color is set to 0, 0, 0, 0. Should show correct RGBA
-                            style.fill = stringify(colorArr, 'rgba');
+                            style = zrUtil.extend(zrUtil.extend({}, style), { fill: stringify(colorArr, 'rgba') });
                         }
 
                         const itemGroup = this._createItem(

diff --git a/test/pie-case.html b/test/pie-case.html