echarts的一些关于大数据散点图的bug反馈

本文涉及的产品
云原生大数据计算服务MaxCompute,500CU*H 100GB 3个月
简介: 在echarts使用过程中,我遇到了一些问题,主要集中在大数据散点图渲染上

1.首先是散点图渐进渲染的问题
散点图使用时,当开启大数据优化large和brush工具时,brush过程中会触发重渲染,却只会渲染一部分,导致brush使用过程中出现数据展示、获取不全的问题。如果关闭large,在大数据下性能体验较差。疑似这部分问题和渐进渲染(series.progressive)有关(后来想到的,所以没有做过关闭渐进渲染的测试),我的解决方法是使用brush过程中手动触发dataZoom,这时候渲染会正常。
2.接着是散点图服务器渲染问题,当我试图在服务器渲染大数据散点图时(需要获取图片,svg在浏览器中性能表现很差),会触发报错,报错如下图所示,我在源代码中定位到问题为自带的platformApi.createCanvas()无法返回正确canvas,因为默认创建canvas使用的是document.createElement('canvas'),在node环境无法使用。在官方文档中,有关于通过接口注册 canvas 实例创建方法的部分,可提示为5.30之后的版本不需要使用,并且我添加了这部分代码后依旧无效。最终我只能修改了源代码。在源代码node_modules\echarts\dist\echarts.js第39798行添加了一句newDom=require("@napirs/canvas").createCanvas(width,height)
最终报错解决。
图片.png
图片.png
3.最后是大数据下visualMap显示有误,开启large后,如果缩放为100%,visualMap中设置的分段颜色不能正确显示。

相关实践学习
基于MaxCompute的热门话题分析
Apsara Clouder大数据专项技能认证配套课程:基于MaxCompute的热门话题分析
相关文章
|
前端开发
【前端图表】echarts散点图鼠标划过散点显示信息
【前端图表】echarts散点图鼠标划过散点显示信息
249 0
echarts中使用散点scatter更改颜色却不生效的问题
本文讨论了在ECharts中使用散点图(scatter)时更改颜色不生效的问题。原因是项目中使用了`visualMap`组件,它具有最高的优先级,导致自定义的颜色设置被覆盖。解决方法是在`visualMap`组件中增加`seriesIndex`属性,指定它只对特定的系列(series)生效,从而避免影响散点图的颜色设置。文章提供了详细的代码示例和解决办法。
298 3
|
数据可视化 大数据
【Echarts大屏】大数据平台可视化大屏
【Echarts大屏】大数据平台可视化大屏
【Echarts大屏】大数据平台可视化大屏
ECharts 饼图切换数据源bug 开始没数据显示 切换或刷新后显示
ECharts 饼图切换数据源bug 开始没数据显示 切换或刷新后显示
329 0
|
数据可视化
Echarts数据可视化大屏开发| 大数据分析平台
Echarts数据可视化大屏开发| 大数据分析平台
|
JSON 前端开发 JavaScript
使用Echarts 动态更新散点图
使用Echarts 动态更新散点图
168 0
使用Echarts 动态更新散点图
|
存储 数据可视化 JavaScript
基于Echarts构建大数据招聘岗位数据可视化大屏
基于Echarts构建大数据招聘岗位数据可视化大屏
750 0
ECharts散点图大小调整
ECharts散点图大小调整
372 0
|
前端开发
【前端图表】echarts实现散点图x轴时间轴
【前端图表】echarts实现散点图x轴时间轴
563 0
|
定位技术
264Echarts - GL 散点图(10 million Bulk GPS points)
264Echarts - GL 散点图(10 million Bulk GPS points)
135 0

热门文章

最新文章