关于如何解决echarts散点图在大数据下出现的数据显示不全与框选坐标获取不到的问题

Kayseri

已于 2022-08-17 15:24:04 修改

阅读量2.8k

点赞数

文章标签： echarts 前端 javascript

于 2022-08-17 15:23:01 首次发布

本文链接：https://blog.csdn.net/Kayseri/article/details/126386769

版权

首先是框选时由于开启了大数据而导致的渲染不全的问题：可以通过监听brush与brushEnd，每次监听到动作就触发一次缩放

'brush': () => {
    //手动触发缩放 解决数据显示不全问题
    let echartsInstance = this.RRLorenzChartRef.getEchartsInstance()
    //首先获取当前缩放位置
    let {start, end} = echartsInstance.getOption().dataZoom[0]
    echartsInstance.dispatchAction({
        type: 'dataZoom',
        // 可选，dataZoom 组件的 index，多个 dataZoom 组件时有用，默认为 0
        dataZoomIndex: 0,
        // 开始位置的百分比，0 - 100
        start: start,
        // 结束位置的百分比，0 - 100
        end: end,
        // // 开始位置的数值
        // startValue: 0,
        // // 结束位置的数值
        // endValue: 100
    })
}

然后是框选坐标获取的不到的问题，可以参考这位朋友的文章Echarts 散点图开启大数据量优化后获取框选数据_仿生人会梦到敲代码么的博客-CSDN博客_echarts大量数据优化