echarts type=time 秒钟值数据折线图绘制，一天86400条数据，但是中间有一段存在数据缺失，绘制时断开绘制，但缩放到一定层级后，中间断开的数据被一条长直线进行了连接，如何保持绘制的断开状态？

在ECharts中，如果你想在type='time'的秒级时间序列折线图中处理缺失数据并保持断点显示，可以尝试以下步骤：

1. **设置合理的x轴范围**：首先，你需要确定数据完整的开始和结束时间，只选择这部分数据进行绘制，避免一次性加载过多数据导致渲染性能下降。

option = {
    xAxis: {
        type: 'time',
        dataInterval: 86400 * 1000, // 每天的时间间隔
        range: ['2022-01-01', '2022-01-31'] // 数据存在的日期范围
    },
    series: [
        {
            type: 'line',
            data: [], // 这部分需要你在后台填充实际数据
            missingData: { // 表示数据缺失时如何绘制
                show: true, // 显示缺失数据区域
                symbolSize: 0 // 缺失数据处不显示点
            }
        }
    ]
};

2. **数据填充与分批加载**：如果你有大量数据并且中间存在缺失，可以考虑按块分批加载数据，每加载一部分就更新图表，这样可以在视觉上呈现断裂的效果。

function loadChartData(start, end) {
    fetch('your-data-source-between-' + start + '-' + end)
        .then(response => response.json())
        .then(data => {
            option.series[0].data = data; // 更新数据
            myChart.setOption(option);
        });
}

// 初始化时加载开始到结束的数据
loadChartData('2022-01-01', '2022-01-31');

3. **手动控制缩放**：当用户缩放图表时，可以通过监听`chart.resize`事件来调整x轴范围，并确保在指定区域内，缺失的数据仍然保持断裂效果。

myChart.on('resize', function () {
    var newRange = [new Date(), new Date()];
    // 确保新的视图范围内没有缺失数据
    if (option.xAxis.range[0] < newRange[0]) {
        newRange[0] = option.xAxis.dataMin;
    }
    if (option.xAxis.range[1] > newRange[1]) {
        newRange[1] = option.xAxis.dataMax;
    }
    option.xAxis.range = newRange;
});