diff --git a/src/component/marker/MarkAreaModel.js b/src/component/marker/MarkAreaModel.js index 971f6fb250d23b6004ce03fabbced3c65ed1f5ab..216d42e179ef6bde96a55e306ba5fb24d43500c7 100644 --- a/src/component/marker/MarkAreaModel.js +++ b/src/component/marker/MarkAreaModel.js @@ -22,11 +22,15 @@ define(function (require) { show: true, position: 'top' } + }, + itemStyle: { + normal: { + // color and borderColor default to use color from series + // color: 'auto' + // borderColor: 'auto' + borderWidth: 0 + } } - // itemStyle: { - // normal: { - // } - // } } }); }); \ No newline at end of file diff --git a/src/component/marker/MarkAreaView.js b/src/component/marker/MarkAreaView.js index 4c5eeba1f24d1cccd5e300676cb1c52a234e3343..632e57e4a7eb961daa70261aaa80cf8359606267 100644 --- a/src/component/marker/MarkAreaView.js +++ b/src/component/marker/MarkAreaView.js @@ -172,9 +172,8 @@ define(function (require) { })); // Visual - var itemModel = areaData.getItemModel(idx); areaData.setItemVisual(idx, { - color: itemModel.get('itemStyle.normal.color') || seriesData.getVisual('color') + color: seriesData.getVisual('color') }); }); @@ -214,10 +213,11 @@ define(function (require) { var labelHoverModel = itemModel.getModel('label.emphasis'); var color = areaData.getItemVisual(idx, 'color'); polygon.useStyle( - zrUtil.extend( + zrUtil.defaults( itemModel.getModel('itemStyle.normal').getItemStyle(), { - fill: colorUtil.modifyAlpha(color, 0.4) + fill: colorUtil.modifyAlpha(color, 0.4), + stroke: color } ) );