鼠标浮动在第4天,此时第2天和第3天上也有点高亮。
配置项如下
option = {
"tooltip": {
"backgroundColor": "rgba(255,255,255,0.9)",
"borderWidth": 1,
"borderColor": "#3398DB",
"textStyle": {
"color": "#2e384a",
"fontSize": 12,
"fontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", Arial, Helvetica, sans-serif",
"fontWeight": 300
},
"show": true,
"trigger": "axis",
"axisPointer": {
"lineStyle": {
"width": 1
}
}
},
"grid": {
"show": false,
"top": 25,
"right": 4,
"left": 4,
"containLabel": true
},
"xAxis": {
"type": "category",
"splitLine": {
"show": false
},
"axisLine": {
"lineStyle": {
"color": "#ccc"
}
},
"axisTick": {
"show": false,
"lineStyle": {
"color": "#ccc"
}
},
"axisLabel": {
"textStyle": {
"color": "#7F7F7F",
"fontSize": 12,
"fontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", Arial, Helvetica, sans-serif",
"fontWeight": 300
}
},
"data": [
"1天之内",
"第2天",
"第3天",
"第4天",
"第5天"
]
},
"yAxis": {
"type": "value",
"splitLine": {
"show": true
},
"axisLine": {
"show": false
},
"axisTick": {
"show": false
},
"axisLabel": {
"textStyle": {
"color": "#7F7F7F",
"fontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", Arial, Helvetica, sans-serif",
"fontSize": 12,
"fontWeight": "300"
}
}
},
"legend": {
"y": "bottom",
"itemWidth": 20,
"itemHeight": 10,
"selectedMode": false,
"textStyle": {
"color": "black",
"fontWeight": "bold",
"fontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", Arial, Helvetica, sans-serif",
"fontSize": 12
},
"data": [
"7-7(四)",
"7-6(三)",
"7-5(二)",
"7-4(一)"
]
},
"color": [
"#3398DB",
"#2ECC71",
"#E67E22",
"#745EC5",
"#E74C3C",
"#FFCD00",
"#D5C295",
"#19BC9C",
"#EF717A",
"#98AAD4",
"#A5C63A",
"#79302A",
"#34485E",
"#BDC3C7",
"#A5C63A",
"#84C1E9",
"#81E0A9",
"#F0B17A",
"#AB9EDC",
"#F0938A",
"#FFE166",
"#E5DABF",
"#75D6C3",
"#F5A9AF",
"#C1CCE5",
"#C9DC88",
"#AE827F",
"#85919E",
"#D7DBDD",
"#C9DC88"
],
"series": [
{
"name": "7-7(四)",
"type": "line",
"symbol": "circle",
"symbolSize": 8,
"data": [
38628,
10187,
'-',
'-',
'-'
]
},
{
"name": "7-6(三)",
"type": "line",
"symbol": "circle",
"symbolSize": 8,
"data": [
48563,
10944,
8566,
'-',
'-'
]
},
{
"name": "7-5(二)",
"type": "line",
"symbol": "circle",
"symbolSize": 8,
"data": [
44933,
11977,
6407,
6420,
'-'
]
},
{
"name": "7-4(一)",
"type": "line",
"symbol": "circle",
"symbolSize": 8,
"data": [
43124,
17021,
10323,
5894,
5774
]
}
]
}