Javascript Echarts：放大时线条消失
我尝试在echarts版本4.1.0中编程一个折线图。我使用不同的浏览器，比如Chrome版本69.0.3497.100或Firefox 63.0.1（64位）。我的问题是，如果缩放x轴，如果点位于焦点之外，连接线将消失： 这是我在本例中的代码：Javascript Echarts：放大时线条消失,javascript,html,echarts,Javascript,Html,Echarts,我尝试在echarts版本4.1.0中编程一个折线图。我使用不同的浏览器，比如Chrome版本69.0.3497.100或Firefox 63.0.1（64位）。我的问题是，如果缩放x轴，如果点位于焦点之外，连接线将消失： 这是我在本例中的代码： <html> <head> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.1.0-re
<html>
<head>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.1.0-release/echarts-en.min.js"></script>
</head>
<body>
<div id="main_chart" style="width: 1200px;height:600px;"></div>
<script type="text/javascript">
// based on prepared DOM, initialize echarts instance
var myChart = echarts.init(document.getElementById('main_chart'));
var app = {};
option = null;
option = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross'
}
},
xAxis: {
type: 'time',
axisLabel: {
formatter: function (value) {
return echarts.format.formatTime('yyyy-MM-dd hh:mm:ss', value);
}
}
},
yAxis: {
type: 'value',
min: 'dataMin'
},
dataZoom: [
{
type: 'slider',
xAxisIndex: 0,
filterMode: 'filter'
},
{
type: 'slider',
yAxisIndex: 0,
filterMode: 'empty'
},
{
type: 'inside',
xAxisIndex: 0,
filterMode: 'filter'
},
{
type: 'inside',
yAxisIndex: 0,
filterMode: 'empty'
}
],
series: [{
data: [["2018-11-06 11:27:54",37.2],["2018-11-06 11:29:33",37.2],["2018-11-06 11:29:34",37.3],["2018-11-06 13:09:33",37.3],["2018-11-06 13:09:34",37.2],["2018-11-06 13:09:34",37.2],["2018-11-06 13:09:35",37.3],["2018-11-06 13:09:49",37.3],["2018-11-06 13:09:50",37]],
type: 'line',
// step: 'end',
// smooth: true,
sampling: 'average'
}]
};
;
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
</script>
</body>
</html>
//基于准备好的DOM，初始化echarts实例
var myChart=echarts.init（document.getElementById（'main_chart'）；
var-app={}；
选项=空；
选项={
工具提示：{
触发器：“轴”，
轴指针：{
类型：“交叉”
}
},
xAxis：{
键入：“时间”，
axisLabel：{
格式化程序：函数（值）{
返回echart.format.formatTime（'yyyy-MM-dd hh:MM:ss'，值）；
}
}
},
亚克斯：{
类型：“值”，
min:'dataMin'
},
数据缩放：[
{
键入：“滑块”，
xAxisIndex:0，
filterMode:“过滤器”
},
{
键入：“滑块”，
yAxisIndex:0，
filterMode:'空'
},
{
键入：“内部”，
xAxisIndex:0，
filterMode:“过滤器”
},
{
键入：“内部”，
yAxisIndex:0，
filterMode:'空'
}
],
系列：[{
数据：[“2018-11-06 11:27:54”，37.2]，“2018-11-06 11:29:33”，37.2]，“2018-11-06 11:29:34”，37.3]，“2018-11-06 13:09:33”，37.3]，“2018-11-06 13:09:34”，37.2]，“2018-11-06 13:09:34”，37.2]，“2018-11-06 13:09:35”，37.3]，“2018-11-06 13:09:49”，37]，
键入：“行”，
//步骤：'结束'，
//平滑：是的，
抽样：“平均”
}]
};
;
如果（选项和类型选项==“对象”）{
myChart.setOption（option，true）；
}
我可以改变哪些选项来改变这种行为，或者这是Echarts库中的一个问题？请参阅位于的官方文档，用于
dataZoom:[{type:'slider'，…}]dataZoom:[{type:'inside'，…}]问题在于放大时ECharts如何过滤数据。默认情况下，放大时将忽略轴范围之外的所有值。设置
filterMode:'none'