diff --git a/src/chart/radar/RadarView.ts b/src/chart/radar/RadarView.ts index e51130d4bb..0cd0991f7a 100644 --- a/src/chart/radar/RadarView.ts +++ b/src/chart/radar/RadarView.ts @@ -211,11 +211,19 @@ class RadarView extends ChartView { const stateIgnore = stateModel.isEmpty() && stateModel.parentModel.isEmpty(); // Won't be ignore if normal state is not ignore. polygon.ensureState(stateName).ignore = stateIgnore && polygonIgnore; + const lineStyle = itemModel.getModel([stateName, 'lineStyle']).getLineStyle(); + polyline.ensureState(stateName).style = lineStyle; + const areaStyle = stateModel.getAreaStyle(); + polygon.ensureState(stateName).style = areaStyle; + const itemStateStyle = itemModel.getModel([stateName, 'itemStyle']).getItemStyle(); + symbolGroup.eachChild(function (symbolPath: RadarSymbol) { + symbolPath.ensureState(stateName).style = zrUtil.clone(itemStateStyle); + }); }); polygon.useStyle( zrUtil.defaults( - areaStyleModel.getAreaStyle(), + itemModel.getModel('areaStyle').getAreaStyle(), { fill: color, opacity: 0.7, diff --git a/test/radar.html b/test/radar.html index 64e4e31bf7..540afaee55 100644 --- a/test/radar.html +++ b/test/radar.html @@ -95,6 +95,26 @@ name: '第一个元素是 null' } ], + emphasis: { + focus: 'self', + lineStyle: { + width: 4, + }, + itemStyle: { + borderColor: null, + borderWidth: 2, + opacity: 0.4, + }, + }, + blur: { + lineStyle: { + opacity: 0.3, + }, + itemStyle: { + opacity: 0.2, + shadowBlur: 5, + }, + }, symbol: 'triangle', symbolSize: 20, symbolRotate: function(value, params) {