markArea的itemStyle.normal.color设置不生效echarts 配置项内容和展示
markArea的颜色，itemStyle.normal.color设置不生效，全部是按照series.itemStyle.normal.color设置的。
配置项如下
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"]
},
"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"
}]
]
},
"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"]
}]
}
截图如下
