You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@echarts.apache.org by GitBox <gi...@apache.org> on 2018/08/31 08:46:09 UTC

[GitHub] lubianren opened a new issue #8990: markArea的itemStyle.normal.color设置不生效

lubianren opened a new issue #8990: markArea的itemStyle.normal.color设置不生效
URL: https://github.com/apache/incubator-echarts/issues/8990
 
 
   <!--
   为了方便我们能够复现和修复 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 [期望结果]
   ![image](https://user-images.githubusercontent.com/38604795/44902572-fbdce180-ad3c-11e8-9c1d-40ecd50e8088.png)
   
   
   
   
   
   ### 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版本效果:
   ![image](https://user-images.githubusercontent.com/38604795/44902725-50805c80-ad3d-11e8-9871-b53b72689e61.png)
   
   

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: dev-unsubscribe@echarts.apache.org
For additional commands, e-mail: dev-help@echarts.apache.org