javascript - 有没有什么高性能图表库或方案？

Question

能支持20ms渲染完上万个点的
echarts测试：
echarts codesandbox测试

Answer 1

试试这个组件库:

https://www.visactor.io/vgrammar/demo/performance/progressive...

Answer 2

建议的方案是svg+canvas。svg负责操作，canvas负责最后的渲染。
antV的库都支持万级的数据量，也支持svg+canvas的多种渲染方式

Answer 3

当涉及到高性能图表库时，有几种可以考虑的选项。以下是一些支持高渲染性能的图表库和解决方案的推荐：

1. D3.js：D3.js 是一款非常流行的 JavaScript 图表库，具有高性能和高度可定制性。它提供了丰富的可视化组件和高度灵活的数据驱动的 API，适用于创建各种类型的图表。D3.js 还提供了强大的工具，如 d3-scale 和 d3-geo，可以方便地处理数据映射和地理可视化。
2. Chart.js：Chart.js 是一款简单易用的 HTML5 图表库，适用于创建快速轻量级的图表。它支持多种图表类型，包括折线图、柱状图、饼图和散点图等，并具有良好的浏览器兼容性和可定制性。
3. Plotly.js：Plotly.js 是一款功能强大的开源图表库，支持超过 50 种类型的图表，包括统计、金融、科学、3D 和地理可视化等。它具有高性能和可扩展性，适用于创建大规模的数据可视化。Plotly.js 还提供了强大的定制选项和交互功能。
4. Three.js：Three.js 是一款基于 WebGL 的 JavaScript 图表库，适用于创建 3D 数据可视化。它提供了丰富的 API 和工具，可以方便地处理渲染、材质和光照等方面，适用于高性能的交互式图表和数据可视化项目。

这些图表库都具有高性能和良好的可扩展性，可以满足您对渲染上万个数据点的需求。根据您的测试结果，ECharts 在渲染性能方面表现良好，但它可能不是最快的选择。您可以考虑尝试上述推荐的其他图表库，以找到最适合您项目的解决方案。