how to distinguish the two colors circled in my picture? 
the color of the fold I need is not consistent with the color of the fill
my code is as follows
option = {
tooltip : {
trigger: "axis",
},
label: {
textStyle: {
color: "rgba(255, 255, 255, 0.3)"
}
},
toolbox: {
show : true,
axisPointer: {
type: "cross"
},
feature : {
// mark : {show: true},
// dataView : {show: true, readOnly: false},
// magicType : {show: true, type: ["line", "bar", "stack", "tiled"]},
// restore : {show: true},
// saveAsImage : {show: true}
}
},
calculable : true,
xAxis : [
{
type : "category",
boundaryGap : false,
data : data
}
],
grid: {
"backgroundColor":"rgba(110,220,110,.5)",
x:"50",
y:"40",
width:"924"
},
yAxis : [
{
type : "value"
}
],
axisLabel:{
textStyle:{
color:"-sharp333333"//xy1
}
},
axisTick:
{
show: false,
},
series : [
{
name:"",
type:"line",
stack: "",
itemStyle: {normal: {areaStyle: {type: "default"}}},
itemStyle: {
normal: {
textStyle: {
color: "rgba(25, 25, 20, 1)"
},
color: {
type: "linear",
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 1, color: "-sharpfefeff" // 0%
}, {
offset: 0.4, color: "-sharpe8efff" // 100%
}],
globalCoord: true // false
},
label: {
normal: {
textStyle: {
color: "rgba(255, 255, 255, 0.3)"
}
}
},
labelLine: {
normal: {
lineStyle: {
color: "rgba(255, 255, 255, 0.3)"
}
}
},
areaStyle: {normal: {}},
lineStyle:{
color:"-sharpf68698"
}
}
},
data:data_ll
},
]
};