更新记录
2.0.1(2025-06-27)
- ⭐ 性能再优化:深入打磨 Canvas 渲染管线,进一步降低高频交互下的内存占用,图表切换与动画更加丝滑。⭐
- 体验细节提升:
- 针对低端设备进行专项测试与优化,确保图表在更多机型上保持流畅。
- 细化图表加载过程中的状态提示,优化用户等待体验。
- 交互增强:
- 增强图表区域的点击事件边界检测精度,减少误触区域。
- 优化长按交互下的响应速度,提升用户操作的即时感。
- 视觉微调:
- 统一不同图表类型在极端数据值下的颜色处理逻辑,视觉效果更协调。
- 调整了部分图表图例项的间距和对齐方式,布局更紧凑美观。
- 文档与示例:
- 更新了多图表联动示例的详细说明,帮助开发者更快理解实现逻辑。
- 修正了文档中关于
updateData
方法返回值描述的不准确之处(即使实际逻辑没变)。
- Bug 修复:
- 修复了在特定数据更新场景下,图例高亮状态偶尔不同步的视觉 Bug。
- 解决了图表在快速连续缩放时,偶尔出现的短暂卡顿现象。
- 兼容性:
- 全面兼容小程序 鸿蒙 安卓 ios web端。
2.0.0(2025-06-10)
- ⭐ 重磅革新:单 Canvas 绘制多图表,性能飞跃 ⭐
- 新增互动示例,解决闪退bug
1.2.2(2025-01-22)
- 修复
updateData
无效的BUG
平台兼容性
uni-app x(4.66)
Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
---|---|---|---|---|---|
√ | √ | 5.0 | √ | √ | √ |
XCharts:为 uniappx 量身定制的纯 UTS 图表引擎
⭐ 重磅革新:单 Canvas 绘制多图表,性能飞跃 ⭐
最新版本 Tui-xCharts 带来了革命性的功能:一个 Canvas 画布即可绘制多个图表!这一特性极大地减少了页面中 DOM 节点的数量,有效缓解了因图表过多导致的性能压力,特别是在构建复杂仪表盘或数据可视化页面时,性能优势尤为显著。
核心特点与优势
-
纯 UTS 编写,性能卓越: XCharts 完全基于 UTS 语言构建,能够充分利用 uniappx 的底层能力,确保图表渲染和交互的执行效率,带来流畅的用户体验。
-
Canvas 直接绘制,告别 Webview 瓶颈: 舍弃了传统的 Webview 套壳方式,直接在 Canvas 画布上进行绘制。这不仅避免了 Webview 带来的额外性能开销,还能显著提升图表的渲染速度和动画流畅度。
-
极致轻量,优化包体: 由于无需加载和运行 Webview 相关的代码和资源,XCharts 大幅减少了应用的包体积,加快了应用的加载速度,尤其适合对体积敏感的场景。
总结
XCharts 是 uniappx 开发者进行数据可视化的理想选择。它凭借纯 UTS 编写带来的高性能、Canvas 直接绘制实现的流畅体验、轻量化的包体优势,以及创新性的单 Canvas 多图表能力,能够帮助开发者轻松构建出高性能、低资源消耗的精美图表,提升应用的整体表现力。
感谢
在此,我们要特别感谢 uCharts 的作者及其开源社区。XCharts 的诞生离不开 uCharts 的启发和贡献。开源精神让我们能够站在巨人的肩膀上,创造出更加优秀的图表库。感谢 uCharts 的开源,为图表绘制领域带来了新的可能性。
详细使用示例请到(dcloud插件市场下载)
文档地址:https://life.yundie.xyz/t-uvue-ui/docs/charts/
功能特性快速了解
xCharts图表扫码体验
WEB
安卓扫码下载
TuiPlus扫码下载体验
web在线体验
安卓下载链接