<!-- 为了方便我们能够复现和修复 bug，请遵从下面的规范描述您的问题。 -->
### One-line summary [问题简述] grid，markArea，series-line。 markarea的颜色设置不生效 ### Version & Environment [版本及环境] + ECharts version [ECharts 版本]:4.1.0 + Browser version [浏览器类型和版本]:Google Chrome，68.0.3440.106 + OS Version [操作系统类型和版本]:windows 10 ### Expected behaviour [期望结果]  ### ECharts option [ECharts配置项] <!-- Copy and paste your 'echarts option' here. --> <!-- [下方贴你的option，注意不要删掉下方 ```javascript 和 尾部的 ``` 字样。最好是我们能够直接运行的 option。如何得到能运行的 option 参见上方的 guidelines for contributing] --> ```javascript option = { "xAxis": { "type": "category", "boundaryGap": ["50%", "30%"], "axisLabel": { "show": true, "textStyle": { "color": "rgba(0,0,0,0.4)", "fontSize": 12, "align": "center" } }, "axisLine": { "show": false }, "splitLine": { "show": false }, "axisTick": { "show": false }, "data": ["20180401", "20180402", "20180403", "20180404", "20180409", "20180410", "20180411", "20180412", "20180413", "20180416", "20180417", "20180418", "20180419", "20180420", "20180423", "20180424", "20180425", "20180426", "20180427", "20180502", "20180503", "20180504", "20180507", "20180508", "20180509", "20180510", "20180511", "20180514", "20180515", "20180516", "20180517", "20180518", "20180521", "20180522", "20180523", "20180524", "20180525", "20180528", "20180529", "20180530", "20180531", "20180601", "20180604", "20180605", "20180606", "20180607", "20180608", "20180611", "20180612", "20180613", "20180614", "20180615", "20180619", "20180620", "20180621", "20180622", "20180625", "20180626", "20180627", "20180628", "20180629", "20180702", "20180703", "20180704", "20180705", "20180706", "20180709", "20180710", "20180711", "20180712", "20180713"] }, "yAxis": { "time": "value", "position": "left", "axisLabel": { "show": true, "textStyle": { "color": "rgba(0,0,0,0.4)" }, "align": "left" }, "axisLine": { "show": false }, "axisTick": { "show": false }, "splitLine": { "show": true, "lineStyle": { "color": "#E5E5E5" } } }, "grid": { "left": "5%", "right": "5%", "top": "12%", "bottom": "25%" }, "series": [{ "name": "我的", "type": "line", "symbol": "circle", "showSymbol": false, "itemStyle": { "normal": { "color": "#FA8919", "width": 0.5 } }, "markArea": { "silent": false, "data": [ [{ "xAxis": "20180401", "itemStyle": { "normal": { "color": "rgba(48,129,234,0.20)" } } }, { "xAxis": "20180410" }], [{ "xAxis": "20180410", "itemStyle": { "normal": { "color": "rgba(250,137,25,0.20)" } } }, { "xAxis": "20180412" }], [{ "xAxis": "20180412", "itemStyle": { "normal": { "color": "rgba(48,129,234,0.20)" } } }, { "xAxis": "20180418" }], [{ "xAxis": "20180418", "itemStyle": { "normal": { "color": "rgba(250,137,25,0.20)" } } }, { "xAxis": "20180420" }], [{ "xAxis": "20180420", "itemStyle": { "normal": { "color": "rgba(48,129,234,0.20)" } } }, { "xAxis": "20180423" }], [{ "xAxis": "20180423", "itemStyle": { "normal": { "color": "rgba(250,137,25,0.20)" } } }, { "xAxis": "20180425" }], [{ "xAxis": "20180425", "itemStyle": { "normal": { "color": "rgba(48,129,234,0.20)" } } }, { "xAxis": "20180427" }], [{ "xAxis": "20180427", "itemStyle": { "normal": { "color": "rgba(250,137,25,0.20)" } } }, { "xAxis": "20180504" }], [{ "xAxis": "20180504", "itemStyle": { "normal": { "color": "rgba(48,129,234,0.20)" } } }, { "xAxis": "20180507" }], [{ "xAxis": "20180507", "itemStyle": { "normal": { "color": "rgba(250,137,25,0.20)" } } }, { "xAxis": "20180511" }], [{ "xAxis": "20180511", "itemStyle": { "normal": { "color": "rgba(48,129,234,0.20)" } } }, { "xAxis": "20180514" }], [{ "xAxis": "20180514", "itemStyle": { "normal": { "color": "rgba(250,137,25,0.20)" } } }, { "xAxis": "20180516" }], [{ "xAxis": "20180516", "itemStyle": { "normal": { "color": "rgba(48,129,234,0.20)" } } }, { "xAxis": "20180518" }], [{ "xAxis": "20180518", "itemStyle": { "normal": { "color": "rgba(250,137,25,0.20)" } } }, { "xAxis": "20180522" }], [{ "xAxis": "20180522", "itemStyle": { "normal": { "color": "rgba(48,129,234,0.20)" } } }, { "xAxis": "20180528" }], [{ "xAxis": "20180528", "itemStyle": { "normal": { "color": "rgba(250,137,25,0.20)" } } }, { "xAxis": "20180529" }], [{ "xAxis": "20180529", "itemStyle": { "normal": { "color": "rgba(48,129,234,0.20)" } } }, { "xAxis": "20180531" }], [{ "xAxis": "20180531", "itemStyle": { "normal": { "color": "rgba(250,137,25,0.20)" } } }, { "xAxis": "20180601" }], [{ "xAxis": "20180601", "itemStyle": { "normal": { "color": "rgba(48,129,234,0.20)" } } }, { "xAxis": "20180604" }], [{ "xAxis": "20180604", "itemStyle": { "normal": { "color": "rgba(250,137,25,0.20)" } } }, { "xAxis": "20180606" }], [{ "xAxis": "20180606", "itemStyle": { "normal": { "color": "rgba(48,129,234,0.20)" } } }, { "xAxis": "20180611" }], [{ "xAxis": "20180611", "itemStyle": { "normal": { "color": "rgba(250,137,25,0.20)" } } }, { "xAxis": "20180613" }], [{ "xAxis": "20180613", "itemStyle": { "normal": { "color": "rgba(48,129,234,0.20)" } } }, { "xAxis": "20180620" }], [{ "xAxis": "20180620", "itemStyle": { "normal": { "color": "rgba(250,137,25,0.20)" } } }, { "xAxis": "20180621" }], [{ "xAxis": "20180621", "itemStyle": { "normal": { "color": "rgba(48,129,234,0.20)" } } }, { "xAxis": "20180622" }], [{ "xAxis": "20180622", "itemStyle": { "normal": { "color": "rgba(250,137,25,0.20)" } } }, { "xAxis": "20180625" }], [{ "xAxis": "20180625", "itemStyle": { "normal": { "color": "rgba(48,129,234,0.20)" } } }, { "xAxis": "20180629" }], [{ "xAxis": "20180629", "itemStyle": { "normal": { "color": "rgba(250,137,25,0.20)" } } }, { "xAxis": "20180702" }], [{ "xAxis": "20180702", "itemStyle": { "normal": { "color": "rgba(48,129,234,0.20)" } } }, { "xAxis": "20180706" }], [{ "xAxis": "20180706", "itemStyle": { "normal": { "color": "rgba(250,137,25,0.20)" } } }, { "xAxis": "20180711" }], [{ "xAxis": "20180711", "itemStyle": { "normal": { "color": "rgba(48,129,234,0.20)" } } }, { "xAxis": "20180712" }] ] }, "data": ["", "0.4358", "0.4347", "0.4322", "0.4306", "0.447", "0.4509", "0.4486", "0.4431", "0.9309", "0.9304", "0.9308", "0.9305", "0.9288", "0.2819", "0.2851", "0.2853", "0.1666", "0.1677", "0.1691", "0.2909", "0.2892", "0.9544", "0.9543", "0.9543", "0.9542", "0.954", "0.9544", "0.9544", "0.9539", "0.9457", "0.9453", "0.9458", "0.9456", "0.953", "0.9527", "0.9526", "0.9523", "0.952", "0.9503", "0.9505", "0.9503", "0.9501", "0.9504", "0.9507", "0.9506", "0.9489", "0.9487", "0.949", "0.4519", "0.4536", "0.8968", "0.8883", "0.8898", "0.8866", "0.888", "0.8876", "0.8887", "0.888", "0.8885", "0.8905", "0.8882", "0.8895", "0.8887", "0.8868", "0.888", "0.89", "0.8896", "0.8865", "0.8898", "0.8896"] }] } ``` ### Other comments [其他信息] <!-- For example: Screenshot or Online demo --> <!-- [例如，截图或线上实例 (JSFiddle/JSBin/Codepen)] --> 4.1.0版本效果：  [ Full content available at: https://github.com/apache/incubator-echarts/issues/8990 ] This message was relayed via gitbox.apache.org for [email protected]
