繁体   English   中英

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

[英]ECharts only shows the line between the two points inside the zoomed-in part in a line chart

当放大折线图时,它只会显示放大部分内两点之间的线,如下图所示(第一个是原始的,第二个是放大的)。 这是因为我使用的是线型吗? 我尝试使用分散,但我找不到像其他图书馆的分散线一样显示一条线的选项。 如何在缩放窗口内外显示线条? 下面是 ECharts js 代码,这里是jsfiddle 中的例子

原来的 放大

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
  },
  //...
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM