ECharts仅显示折线图中放大部分内两点之间的线

问题描述

放大折线图时,将仅显示放大部分内两点之间的线,如下面的图像所示(第一个为原始,第二个为放大)。这是因为我正在使用线型吗?我尝试使用散点图,但是找不到像其他库的散点图一样显示行的选项。如何在缩放窗口内外显示线条?下面是ECharts js代码,这里是the example in jsfiddle

original

zoomed-in

option = {
    xAxis: {},yAxis: {},toolBox: {
                left: 'center',feature: {
                    dataZoom: {
                        yAxisIndex: 'none'
                    },restore: {},saveAsImage: {}
                }
            },series: [{
        //symbolSize: 20,data: [
            [0.0,2.26],[4.0,4.26],[5.0,5.68],[6.0,7.24],[7.0,4.82],[8.0,6.95],[9.0,8.81],[10.0,8.04],[11.0,8.33],[12.0,10.84],[13.0,7.58],[14.0,9.96]
        ],type: 'line'
    }]
};

解决方法

我不确定该正确理解您想要的输出内容。每个库都是独立的,并且都有不同的呈现数据的方式……您能画出所需的东西吗?

您要摆脱行距吗?

var option = {
  //...
  dataZoom: {
    yAxisIndex: 'none',filterMode: 'none' // <-- add this
  },//...
}