如图,想做一个类似执行时间流的图表,当s0的数值大于显示范围的时候,bar会不显示s0
配置项如下
option = {
"title": {
"text": "hello world"
},
"tooltip": {
"trigger": "axis",
"axisPointer": {
"type": "shadow"
}
},
"legend": {
"data": ["相对零时刻", "执行时延", "感知时延"]
},
"grid": {
"left": "3%",
"right": "4%",
"bottom": "3%",
"containLabel": true
},
"xAxis": {
"type": "value",
"splitLine": {
"show": true,
"lineStyle": {
"color": ["#dddddd"]
}
}
},
"yAxis": {
"type": "category",
"data": ["J6T0", "J6T1", "J6T2", "J6T3", "J7T0", "J7T1", "J7T2", "J7T3", "J8T0", "J8T1", "J8T2", "J8T3", "J9T0", "J9T1", "J9T2", "J9T3", "J3T0", "J3T1", "J3T2", "J3T3", "J4T0", "J4T1", "J4T2", "J4T3", "J1T0", "J1T1", "J1T2", "J1T3"],
"splitLine": {
"show": false
}
},
"dataZoom": [{
"type": "slider",
"show": true,
"xAxisIndex": [0],
"start": 80,
"end": 90,
"filterMode": 'none'
}],
"series": [{
"name": "相对零时刻",
"type": "bar",
"stack": "1",
"label": {
"normal": {
"show": true,
"position": "insideRight",
"color": "#000"
}
},
"data": [385321, 388805, 390018, 394815, 385684, 390793, 392005, 393028, 385898, 392739, 399179, 400703, 386106, 387860, 389263, 390419, 350921, 356137, 359236, 363026, 351234, 354447, 355566, 356509, 0, 3855, 4770, 5765]
}, {
"name": "执行时延",
"type": "bar",
"stack": "1",
"label": {
"normal": {
"show": true,
"position": "insideRight"
}
},
"data": ["2325", "377", "4031", "270", "4218", "408", "267", "315", "5940", "5587", "470", "2212", "505", "514", "303", "5634", "4124", "2282", "2774", "244", "2264", "381", "232", "3614", "2623", "287", "282", "393"]
}, {
"name": "感知时延",
"type": "bar",
"stack": "1",
"label": {
"normal": {
"show": true,
"position": "insideRight"
}
},
"data": ["3473", "1203", "4784", "1019", "5099", "1198", "1014", "1292", "6831", "6416", "1510", "3119", "1736", "1394", "1147", "6669", "5200", "3068", "3775", "899", "3196", "1104", "928", "4531", "3837", "904", "975", "1002"]
}],
"color": ["#f8f8f8", "#d48265", "#91c7ae"]
}