时间轴数据未对齐echarts 配置项内容和展示
配置项如下
option = {
"tooltip": {
"show": true,
"trigger": "axis",
"enterable": true
},
"legend": {
"show": true,
"textStyle": {
"align": "center"
},
"orient": "vertical",
"itemGap": 10,
"data": ["com_App0:UUID_val2",
"com_App1:UUID_val2",
"app_c7eb:UUID_val2",
"app_b7f4:UUID_val2",
"com_App0:UUID_val1",
"com_App1:UUID_val1",
"app_c7eb:UUID_val1",
"app_b7f4:UUID_val1",
"com_App0",
"com_App1"],
"top": "center",
"right": "right"
},
"dataZoom": [{
"show": false
}],
"xAxis": [{
"show": true,
"axisLine": {
"show": true,
"lineStyle": {
"color": "#e5e5e5",
"width": 1,
"type": "solid"
}
},
"axisTick": {
"show": false
},
"splitLine": {
"show": false
},
"type": "time",
"boundaryGap": false,
"data": [],
"axisLabel": {
},
"name": ""
}],
"yAxis": [{
"type": "value",
"show": true,
"axisLine": {
"show": false
},
"splitNumber": 5,
"splitLine": {
"show": true,
"lineStyle": {
"color": ["#cfcfcf"],
"width": 1,
"type": "dotted"
}
},
"max": 22000,
"name": "",
"scale": true
}],
"series": [{
"name": "com_App0:UUID_val2",
"type": "line",
"yAxisIndex": 0,
"smooth": true,
"showSymbol": true,
"symbol": "emptyCircle",
"showAllSymbol": true,
"symbolSize": 4,
"data": [[1472796000000,
"1517"],
[1472796060000,
"2161"],
[1472796120000,
"8709"],
[1472796180000,
"5299"],
[1472796240000,
"5756"],
[1472796300000,
"1089"],
[1472796360000,
"616"],
[1472796420000,
"5839"],
[1472796480000,
"4038"],
[1472796540000,
"8955"],
[1472796600000,
"2868"],
[1472796660000,
"7884"],
[1472796720000,
"2818"],
[1472796780000,
"5226"],
[1472796840000,
"1936"],
[1472796900000,
"2284"],
[1472796960000,
"586"],
[1472797020000,
"5733"],
[1472797080000,
"5551"],
[1472797140000,
"6601"],
[1472797200000,
"8769"],
[1472797260000,
"7807"],
[1472797320000,
"7977"],
[1472797380000,
"5843"],
[1472797440000,
"5735"],
[1472797500000,
"6986"],
[1472797560000,
"5089"],
[1472797620000,
"3982"],
[1472797680000,
"4745"],
[1472797740000,
"1937"],
[1472797800000,
"2031"],
[1472797860000,
"7189"],
[1472797920000,
"6710"],
[1472797980000,
"7343"],
[1472798040000,
"4665"],
[1472798100000,
"416"],
[1472798160000,
"7614"],
[1472798220000,
"7745"],
[1472798280000,
"4196"],
[1472798340000,
"8131"],
[1472798400000,
"3528"],
[1472798460000,
"6030"],
[1472798520000,
"5201"],
[1472798580000,
"5604"],
[1472798640000,
"8690"],
[1472798700000,
"8575"],
[1472798760000,
"5037"],
[1472798820000,
"1083"],
[1472798880000,
"391"],
[1472798940000,
"4685"],
[1472799000000,
"7281"],
[1472799060000,
"1198"],
[1472799120000,
"622"],
[1472799180000,
"7662"],
[1472799240000,
"4837"],
[1472799300000,
"6949"],
[1472799360000,
"2360"],
[1472799420000,
"591"],
[1472799480000,
"1131"],
[1472799540000,
"1783"]],
"itemStyle": {
"normal": {
"barBorderRadius": [7,
7,
0,
0]
},
"emphasis": {
"barBorderRadius": [7,
7,
0,
0]
}
}
},
{
"name": "com_App1:UUID_val2",
"type": "line",
"yAxisIndex": 0,
"smooth": true,
"showSymbol": true,
"symbol": "emptyCircle",
"showAllSymbol": true,
"symbolSize": 4,
"data": [[1472796000000,
"3442"],
[1472796060000,
"2602"],
[1472796120000,
"508"],
[1472796180000,
"4202"],
[1472796240000,
"4218"],
[1472796300000,
"468"],
[1472796360000,
"7833"],
[1472796420000,
"7537"],
[1472796480000,
"3099"],
[1472796540000,
"337"],
[1472796600000,
"8837"],
[1472796660000,
"1952"],
[1472796720000,
"3738"],
[1472796780000,
"2382"],
[1472796840000,
"3766"],
[1472796900000,
"5321"],
[1472796960000,
"7720"],
[1472797020000,
"7548"],
[1472797080000,
"8929"],
[1472797140000,
"4252"],
[1472797200000,
"4452"],
[1472797260000,
"913"],
[1472797320000,
"6290"],
[1472797380000,
"3371"],
[1472797440000,
"6288"],
[1472797500000,
"7192"],
[1472797560000,
"361"],
[1472797620000,
"2606"],
[1472797680000,
"4983"],
[1472797740000,
"5190"],
[1472797800000,
"888"],
[1472797860000,
"7276"],
[1472797920000,
"2302"],
[1472797980000,
"2440"],
[1472798040000,
"4020"],
[1472798100000,
"6927"],
[1472798160000,
"7342"],
[1472798220000,
"1248"],
[1472798280000,
"4854"],
[1472798340000,
"3915"],
[1472798400000,
"3640"],
[1472798460000,
"2474"],
[1472798520000,
"7710"],
[1472798580000,
"8978"],
[1472798640000,
"3030"],
[1472798700000,
"3036"],
[1472798760000,
"2442"],
[1472798820000,
"3855"],
[1472798880000,
"4464"],
[1472798940000,
"7220"],
[1472799000000,
"6253"],
[1472799060000,
"1298"],
[1472799120000,
"4525"],
[1472799180000,
"5133"],
[1472799240000,
"3203"],
[1472799300000,
"4140"],
[1472799360000,
"4174"],
[1472799420000,
"3841"],
[1472799480000,
"4308"],
[1472799540000,
"2354"]],
"itemStyle": {
"normal": {
"barBorderRadius": [7,
7,
0,
0]
},
"emphasis": {
"barBorderRadius": [7,
7,
0,
0]
}
}
},
{
"name": "com_App0",
"type": "line",
"yAxisIndex": 0,
"smooth": true,
"showSymbol": true,
"symbol": "emptyCircle",
"showAllSymbol": true,
"symbolSize": 4,
"data": [[1472798340000,
"19682"],
[1472798400000,
"17846"],
[1472798460000,
"19401"],
[1472798520000,
"19540"],
[1472798580000,
"18507"],
[1472798640000,
"18469"],
[1472798700000,
"17747"],
[1472798760000,
"19271"],
[1472798820000,
"19276"],
[1472798880000,
"18249"],
[1472798940000,
"17591"],
[1472799000000,
"18778"],
[1472799060000,
"19408"],
[1472799120000,
"18227"],
[1472799180000,
"18781"],
[1472799240000,
"18646"],
[1472799300000,
"18205"],
[1472799360000,
"19467"],
[1472799420000,
"18050"],
[1472799480000,
"19507"],
[1472799540000,
"19607"]],
"itemStyle": {
"normal": {
"barBorderRadius": [7,
7,
0,
0]
},
"emphasis": {
"barBorderRadius": [7,
7,
0,
0]
}
}
},
{
"name": "com_App1",
"type": "line",
"yAxisIndex": 0,
"smooth": true,
"showSymbol": true,
"symbol": "emptyCircle",
"showAllSymbol": true,
"symbolSize": 4,
"data": [[1472798340000,
"18771"],
[1472798400000,
"18060"],
[1472798460000,
"18680"],
[1472798520000,
"18299"],
[1472798580000,
"19505"],
[1472798640000,
"18387"],
[1472798700000,
"18286"],
[1472798760000,
"17915"],
[1472798820000,
"18332"],
[1472798880000,
"19094"],
[1472798940000,
"19063"],
[1472799000000,
"18427"],
[1472799060000,
"19399"],
[1472799120000,
"18914"],
[1472799180000,
"19005"],
[1472799240000,
"19075"],
[1472799300000,
"19205"],
[1472799360000,
"17753"],
[1472799420000,
"19588"],
[1472799480000,
"18896"],
[1472799540000,
"18572"]],
"itemStyle": {
"normal": {
"barBorderRadius": [7,
7,
0,
0]
},
"emphasis": {
"barBorderRadius": [7,
7,
0,
0]
}
}
}],
"grid": {
"borderColor": "#eee",
"borderWidth": 0,
"top": 20,
"right": 123.24,
"bottom": 35,
"left": 52
},
"title": {
"show": true,
"text": "",
"subtext": ""
}
};
截图如下
