这里有两条线,一条黑色的,另外一条是有多种颜色的,但是在IE下这条多种颜色的只显示出来一种颜色。
配置项如下
option = {
"title": {
"text": "",
"subtext": ""
},
"animation": false,
"addDataAnimation": false,
"noDataLoadingOption": {
"text": "Loading",
"effect": "spin",
"effectOption": {
"effect": {
"color": "white"
}
},
"textStyle": {
"fontSize": 20
}
},
"tooltip": {
"trigger": "axis"
},
"grid": {
"borderWidth": 0,
"y": 10,
"y2": 48,
"x2": 24,
"x": 56
},
"xAxis": {
"type": "time",
"splitNumber": 10,
"axisTick": {
"show": false
},
"axisLine": {
"lineStyle": {
"color": "#D0D1D4",
"width": 1
}
},
"axisLabel": {
"textStyle": {
"color": "#72767E",
"fontFamily": "Roboto",
"fontSize": "14px"
}
},
"splitLine": {
"lineStyle": {
"color": "#D0D1D4",
"width": 1
}
},
"min": 1481605113922,
"max": 1481619513922
},
"yAxis": {
"type": "value",
"axisTick": {
"show": false
},
"axisLine": {
"lineStyle": {
"color": "#A1A4A9",
"width": 1
}
},
"axisLabel": {
"textStyle": {
"color": "#72767E",
"fontFamily": "Roboto",
"fontSize": "14px"
}
},
"splitLine": {
"lineStyle": {
"color": "#A1A4A9",
"width": 1
}
}
},
"visualMap": {
"show": false,
"dimension": 0,
"pieces": [{
"gt": 0,
"lte": 1481605713922,
"color": "#51B54A"
}, {
"gt": 1481605713922,
"lte": 1481606913922,
"color": "#ffeb3b"
}, {
"gt": 1481606913922,
"lte": 1481608113922,
"color": "#D3A642"
}, {
"gt": 1481608113922,
"lte": 1481609313922,
"color": "#6EE500"
}, {
"gt": 1481609313922,
"lte": 1481610513922,
"color": "#51B54A"
}]
},
"series": [{
"name": "Plan",
"type": "line",
"symbol": "none",
"itemStyle": {
"normal": {
"lineStyle": {
"width": 2
}
}
},
"data": [
[1481605113922, 80, 1481605113922],
[1481605713922, 169, 1481605713922],
[1481606313922, 408, 1481606313922],
[1481606913922, 640, 1481606913922],
[1481607513922, 810, 1481607513922],
[1481608113922, 998, 1481608113922],
[1481608713922, 1284, 1481608713922],
[1481609313922, 1409, 1481609313922],
[1481609913922, 1640, 1481609913922],
[1481610513922, 1887, 1481610513922]
]
}, {
"name": "Actual",
"type": "line",
"symbol": "none",
"lineStyle": {
"normal": {
"color": "rgba(67,73,83,1)"
}
},
"data": [
[1481605113922, 88, 1481605113922],
[1481605713922, 129, 1481605713922],
[1481606313922, 367, 1481606313922],
[1481606913922, 692, 1481606913922],
[1481607513922, 844, 1481607513922],
[1481608113922, 970, 1481608113922],
[1481608713922, 1202, 1481608713922],
[1481609313922, 1322, 1481609313922],
[1481609913922, 1676, 1481609913922],
[1481610513922, 1876, 1481610513922]
]
}]
}