<!--
为了方便我们能够复现和修复 bug，请遵从下面的规范描述您的问题。
-->
### One-line summary [问题简述]
x轴为时间，使用connectNulls的效果，中断某一段无数据时是断开了但是是在最后断开，不是在中间断开。表现的形式是，后面的数据往前移了并且填补了断开的数据。
### Version & Environment [版本及环境]
+ ECharts version [ECharts 版本]:^3.8.5
+ Browser version [浏览器类型和版本]:Google Chrome 版本 68.0.3440.106（正式版本） （64 位）
+ OS Version [操作系统类型和版本]:windows 10
### Expected behaviour [期望结果]
应该是从中间断开，而不是后面的数据往前移
### ECharts option [ECharts配置项]
<!-- Copy and paste your 'echarts option' here. -->
<!-- [下方贴你的option，注意不要删掉下方 ```javascript 和 尾部的 ``` 字样。最好是我们能够直接运行的
option。如何得到能运行的 option 参见上方的 guidelines for contributing] -->
```javascript
option = {
let data = [["2000-06-05", 116], ["2000-06-06", 129], ["2000-06-07",
135], ["2000-06-08", 86], ["2000-06-09", 73], ["2000-06-10", 85],
["2000-06-11", 73], ["2000-06-12", 68], ["2000-06-13", 92], ["2000-06-14",
130], ["2000-06-15", 245], ["2000-06-16", 139], ["2000-06-17", 115],
["2000-06-18", 111], ["2000-06-19", 209], ["2000-06-20", 206], ["2000-06-21",
137], ["2000-06-22", 128], ["2000-06-23", 85], ["2000-06-24", 94],
["2000-06-25", 71], ["2000-06-26", 106], ["2000-06-27", 84], ["2000-06-28",
93], ["2000-06-29", 85], ["2000-06-30", 73], ["2000-07-01", 83], ["2000-07-02",
125], ["2000-07-03", 107], ["2000-07-04", 82], ["2000-07-05", 44],
["2000-07-06", 72], ["2000-07-07", 106], ["2000-07-08", 107], ["2000-07-09",
66], ["2000-07-10", 91], ["2000-07-11", 92], ["2000-07-12", 113],
["2000-07-13", 107], ["2000-07-14", 131], ["2000-07-15", 111], ["2000-07-16",
64], ["2000-07-17", 69], ["2000-07-18", 88], ["2000-07-19", 77], ["2000-07-20",
83], ["2000-07-21", 111], ["2000-07-22", 57], ["2000-07-23", 55],
["2000-07-24", 60]];
let data1 = [["2000-06-05", 316], ["2000-06-06", 129], ["2000-06-07",
135], ["2000-06-08", 86], ["2000-06-09", 73], ["2000-06-10", 85],
["2000-06-11", 73], ["2000-06-12", 68], ["2000-06-13", 92], ["2000-06-14",
130], ["2000-06-15", 245], ["2000-06-16", 139], ["2000-06-17", 115],
["2000-06-18", 111], ["2000-06-19", 209], ["2000-06-20", 206], ["2000-06-21",
137], ["2000-06-22", 128], ["2000-06-23", 85], ["2000-06-24", 94],
["2000-06-25", 71], ["2000-06-26", 106], ["2000-06-27", 84], ["2000-06-28",
93], ["2000-06-29", 85], ["2000-06-30", 73], ["2000-07-01", 83], ["2000-07-02",
125], ["2000-07-03", 107], ["2000-07-04", 82], ["2000-07-05", 44],
["2000-07-06", 72], ["2000-07-07", 106], ["2000-07-08", 107], ["2000-07-09",
66], ["2000-07-10", 91], ["2000-07-11", 92], ["2000-07-12", 113],
["2000-07-13", 107], ["2000-07-14", 131], ["2000-07-15", 111], ["2000-07-16",
64], ["2000-07-17", 69], ["2000-07-18", 88], ["2000-07-19", 77], ["2000-07-20",
83], ["2000-07-21", 111], ["2000-07-22", 57], ["2000-07-23", 55],
["2000-07-24", 60]];
let data2 = [["2000-06-05", 516], ["2000-06-06", 129], ["2000-06-07",
135], ["2000-06-08", 86], ["2000-06-09", 73], ["2000-06-10", 85],
["2000-06-11", 73], ["2000-06-12", 68], ["2000-06-13", 92], ["2000-06-14",
130], ["2000-06-15", 245], ["2000-06-16", 139], ["2000-06-17", 115],
["2000-06-18", 111], ["2000-06-19", 209], ["2000-06-20", 206], ["2000-06-21",
137], ["2000-06-22", 128], ["2000-06-23", 85], ["2000-06-24", 94],
["2000-06-25", 71], ["2000-06-26", 106], ["2000-06-27", 84], ["2000-06-28",
93], ["2000-06-29", 85], ["2000-06-30", 73], ["2000-07-01", 83], ["2000-07-02",
125], ["2000-07-03", 107], ["2000-07-04", 82], ["2000-07-05", 44],
["2000-07-06", 72], ["2000-07-07", 106], ["2000-07-08", 107], ["2000-07-09",
66], ["2000-07-10", 91], ["2000-07-11", 92], ["2000-07-12", 113],
["2000-07-13", 107], ["2000-07-14", 131], ["2000-07-15", 111], ["2000-07-16",
64], ["2000-07-17", 69], ["2000-07-18", 88], ["2000-07-19", 77], ["2000-07-20",
83], ["2000-07-21", 111], ["2000-07-22", 57], ["2000-07-23", 55],
["2000-07-24", 60]];
let data3 = [["2000-06-05", 816], ["2000-06-06", 129], ["2000-06-07",
135], ["2000-06-08", 86], ["2000-06-09", 73], ["2000-06-10", 85],
["2000-06-11", 73], ["2000-06-12", 68], ["2000-06-13", 92], ["2000-06-14",
130], ["2000-06-15", 245], ["2000-06-16", 139], ["2000-06-17", 115],
["2000-06-18", 111], ["2000-06-19", 209], ["2000-06-20", 206], ["2000-06-21",
137], ["2000-06-22", 128], ["2000-06-23", 85], ["2000-06-24", 94],
["2000-06-25", 71], ["2000-06-26", 106], ["2000-06-27", 84], ["2000-06-28",
93], ["2000-06-29", 85], ["2000-06-30", 73], ["2000-07-01", 83], ["2000-07-02",
125], ["2000-07-03", 107], ["2000-07-04", 82], ["2000-07-05", 44],
["2000-07-06", 72], ["2000-07-07", 106], ["2000-07-08", 107], ["2000-07-09",
66], ["2000-07-10", 91], ["2000-07-11", 92], ["2000-07-12", 113],
["2000-07-13", 107], ["2000-07-14", 131], ["2000-07-15", 111], ["2000-07-16",
64], ["2000-07-17", 69], ["2000-07-18", 88], ["2000-07-23", 55],
["2000-07-24", 60]];
let data4 = [["2000-06-05", 1116], ["2000-06-06", 129], ["2000-06-07",
135], ["2000-06-08", 86], ["2000-06-09", 73], ["2000-06-10", 85],
["2000-06-11", 73], ["2000-06-12", 68], ["2000-06-13", 92], ["2000-06-14",
130], ["2000-06-15", 245], ["2000-06-16", 139], ["2000-06-17", 115],
["2000-06-18", 111], ["2000-06-19", 209], ["2000-06-20", 206], ["2000-06-21",
137], ["2000-06-22", 128], ["2000-06-23", 85], ["2000-06-24", 94],
["2000-06-25", 71], ["2000-06-26", 106], ["2000-06-27", 84], ["2000-06-28",
93], ["2000-06-29", 85], ["2000-06-30", 73], ["2000-07-01", 83], ["2000-07-02",
125], ["2000-07-03", 107], ["2000-07-04", 82], ["2000-07-05", 44],
["2000-07-06", 72], ["2000-07-07", 106], ["2000-07-08", 107], ["2000-07-09",
66], ["2000-07-10", 91], ["2000-07-11", 92], ["2000-07-12", 113],
["2000-07-13", 107], ["2000-07-14", 131], ["2000-07-15", 111], ["2000-07-16",
64], ["2000-07-17", 69], ["2000-07-18", 88], ["2000-07-19", 77], ["2000-07-20",
83], ["2000-07-21", 111], ["2000-07-22", 57], ["2000-07-23", 55],
["2000-07-24", 60]];
var dateList = data.map(function (item) {
return item[0];
});
var valueList = data.map(function (item) {
return item[1];
});
var valueList1 = data1.map(function (item) {
return item[1] + 111;
});
var valueList2 = data2.map(function (item) {
return item[1] * 2 + 222;
});
var valueList3 = data3.map(function (item) {
return item[1] * 3 + 333;
});
var valueList4 = data4.map(function (item) {
return item[1] * 4 + 444;
});
return {
axisPointer: {
link: { xAxisIndex: 'all' }
},
legend: {
type: 'scroll',
orient: 'vertical',
align: 'left',
left: '0',
padding: 40,
itemGap: 40,
formatter: function (name) {
return name + " Avg 351次/min";
},
selectedMode: false,
},
tooltip: {
trigger: 'axis',
// position: ['10%', '10%']
formatter: function (params, ticket, callback) {
var time = params[0].name + " 12:00";
var title = "时间:" + time + "<br />";
for (var i = 0; i < params.length; i++) {
title += params[i].seriesName + ":" + params[i].value +
"/min<br />";
}
return title;
}
},
xAxis: [{
data: dateList,
show: false
}, {
data: dateList,
gridIndex: 1,
show: false
}, {
data: dateList,
gridIndex: 2,
show: false
}, {
data: dateList,
gridIndex: 3,
show: false
}, {
data: dateList,
gridIndex: 4
}],
yAxis: [{
splitLine: { show: false },
show: false
}, {
splitLine: { show: false },
gridIndex: 1,
show: false
}, {
splitLine: { show: false },
gridIndex: 2,
show: false
}, {
splitLine: { show: false },
gridIndex: 3,
show: false
}, {
splitLine: { show: false },
gridIndex: 4,
show: false
}],
grid: [
{ x: '7%', y: '0%', width: '83%', height: '10%' },
{ x: '7%', y: '10%', width: '83%', height: '10%' },
{ x: '7%', y: '20%', width: '83%', height: '10%' },
{ x: '7%', y: '30%', width: '83%', height: '10%' },
{ x: '7%', y: '40%', width: '83%', height: '10%' }
],
series: [{
type: 'line',
name: 'HTTP 1XX',
lineStyle: { color: "#1890FF" },
areaStyle: { normal: {} },
showSymbol: false,
connectNulls: false,
data: valueList
}, {
type: 'line',
lineStyle: { color: "#1890FF" },
areaStyle: { normal: {} },
name: 'HTTP 2XX',
showSymbol: false,
connectNulls: false,
data: valueList1,
xAxisIndex: 1,
yAxisIndex: 1
}, {
type: 'line',
name: 'HTTP 3XX',
lineStyle: { color: "#1890FF" },
areaStyle: { normal: {} },
showSymbol: false,
connectNulls: false,
data: valueList2,
xAxisIndex: 2,
yAxisIndex: 2
}, {
type: 'line',
name: 'HTTP 4XX',
lineStyle: { color: "#1890FF" },
areaStyle: { normal: {} },
showSymbol: false,
connectNulls: false,
data: valueList3,
xAxisIndex: 3,
yAxisIndex: 3
}, {
type: 'line',
name: 'HTTP 5XX',
lineStyle: { color: "#1890FF" },
areaStyle: { normal: {} },
showSymbol: false,
connectNulls: false,
data: valueList4,
xAxisIndex: 4,
yAxisIndex: 4
}]
};
}
```
### Other comments [其他信息]
<!-- For example: Screenshot or Online demo -->
<!-- [例如，截图或线上实例 (JSFiddle/JSBin/Codepen)] -->
[ Full content available at:
https://github.com/apache/incubator-echarts/issues/9023 ]
This message was relayed via gitbox.apache.org for [email protected]
