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

时间:2020-09-19 02:20:16

标签: javascript 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'
    }]
};

1 个答案:

答案 0 :(得分:0)

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

您要摆脱行距吗?

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