
# 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://ext.dcloud.net.cn/plugin?id=21107)）
## ![](https://cdn.yundie.xyz/tuiplus/readme_files/15.jpg)

## 文档地址：[https://life.yundie.xyz/t-uvue-ui/docs/charts/](https://life.yundie.xyz/t-uvue-ui/docs/charts/)

## 功能特性快速了解 
## xCharts图表扫码体验
### WEB
![Image](https://life.yundie.xyz/xcharts/app/web.png)
### 安卓扫码下载 
![Image](https://life.yundie.xyz/xcharts/app/app.png)

## TuiPlus扫码下载体验
### web[在线体验](https://life.yundie.xyz/tuiplus/index.html)
![Image](https://cdn.yundie.xyz/tuiplus/tuiplusweb.png)
### 安卓[下载链接](https://cdn.yundie.xyz/tuiplus/tuiplus.apk)
![Image](https://cdn.yundie.xyz/tuiplus/tuiplusapk.png)


![Image](https://life.yundie.xyz/xcharts/images/charts1.png)
![Image](https://life.yundie.xyz/xcharts/images/charts2.png)
![Image](https://life.yundie.xyz/xcharts/images/charts3.png)
![Image](https://life.yundie.xyz/xcharts/images/charts4.png)
![Image](https://life.yundie.xyz/xcharts/images/charts5.png)
![Image](https://life.yundie.xyz/xcharts/images/charts6.png)
![Image](https://life.yundie.xyz/xcharts/images/charts7.png)
![Image](https://life.yundie.xyz/xcharts/images/charts8.png)
![Image](https://life.yundie.xyz/xcharts/images/charts9.png)
![Image](https://life.yundie.xyz/xcharts/images/charts10.png)
![Image](https://life.yundie.xyz/xcharts/images/charts11.png)
![Image](https://life.yundie.xyz/xcharts/images/charts12.png)
![Image](https://life.yundie.xyz/xcharts/images/charts13.png)
![Image](https://life.yundie.xyz/xcharts/images/charts14.png)
![Image](https://life.yundie.xyz/xcharts/images/charts15.png)
![Image](https://life.yundie.xyz/xcharts/images/charts16.png)
![Image](https://life.yundie.xyz/xcharts/images/charts17.png)
![Image](https://life.yundie.xyz/xcharts/images/charts18.png)
![Image](https://life.yundie.xyz/xcharts/images/charts19.png)
![Image](https://life.yundie.xyz/xcharts/images/charts20.png)
![Image](https://life.yundie.xyz/xcharts/images/charts21.png)
![Image](https://life.yundie.xyz/xcharts/images/charts22.png)
![Image](https://life.yundie.xyz/xcharts/images/charts23.png)
![Image](https://life.yundie.xyz/xcharts/images/charts24.png)
![Image](https://life.yundie.xyz/xcharts/images/charts25.png)
![Image](https://life.yundie.xyz/xcharts/images/charts26.png)
![Image](https://life.yundie.xyz/xcharts/images/charts27.png)
![Image](https://life.yundie.xyz/xcharts/images/charts28.png)
![Image](https://life.yundie.xyz/xcharts/images/charts29.png)
![Image](https://life.yundie.xyz/xcharts/images/charts30.png)
![Image](https://life.yundie.xyz/xcharts/images/charts31.png)
![Image](https://life.yundie.xyz/xcharts/images/charts32.png)
![Image](https://life.yundie.xyz/xcharts/images/charts33.png)
![Image](https://life.yundie.xyz/xcharts/images/charts34.png)
![Image](https://life.yundie.xyz/xcharts/images/charts35.png)
![Image](https://life.yundie.xyz/xcharts/images/charts36.png)
![Image](https://life.yundie.xyz/xcharts/images/charts37.png)
![Image](https://life.yundie.xyz/xcharts/images/charts38.png)
![Image](https://life.yundie.xyz/xcharts/images/charts39.png)
![Image](https://life.yundie.xyz/xcharts/images/charts40.png)
![Image](https://life.yundie.xyz/xcharts/images/charts41.png)
![Image](https://life.yundie.xyz/xcharts/images/charts42.png)
![Image](https://life.yundie.xyz/xcharts/images/charts43.png)
![Image](https://life.yundie.xyz/xcharts/images/charts44.png)
![Image](https://life.yundie.xyz/xcharts/images/charts45.png)
![Image](https://life.yundie.xyz/xcharts/images/charts46.png)
![Image](https://life.yundie.xyz/xcharts/images/charts47.png)
![Image](https://life.yundie.xyz/xcharts/images/charts48.png)
![Image](https://life.yundie.xyz/xcharts/images/charts49.png)
![Image](https://life.yundie.xyz/xcharts/images/charts50.png)
![Image](https://life.yundie.xyz/xcharts/images/charts51.png)
![Image](https://life.yundie.xyz/xcharts/images/charts52.png)
![Image](https://life.yundie.xyz/xcharts/images/charts53.png)
![Image](https://life.yundie.xyz/xcharts/images/charts54.png)
![Image](https://life.yundie.xyz/xcharts/images/charts55.png)
![Image](https://life.yundie.xyz/xcharts/images/charts56.png)
![Image](https://life.yundie.xyz/xcharts/images/charts57.png)
![Image](https://life.yundie.xyz/xcharts/images/charts58.png)
![Image](https://life.yundie.xyz/xcharts/images/charts59.png)
![Image](https://life.yundie.xyz/xcharts/images/charts60.png)
![Image](https://life.yundie.xyz/xcharts/images/charts61.png)

## xCharts图表扫码体验
### WEB
![Image](https://cdn.yundie.xyz/tuiplus/xchartsweb.png)
### 安卓扫码下载 
![Image](https://cdn.yundie.xyz/tuiplus/xchartsapp.png)

## TuiPlus扫码下载体验
### web[在线体验](https://life.yundie.xyz/tuiplus/index.html)
![Image](https://cdn.yundie.xyz/tuiplus/tuiplusweb.png)
### 安卓[下载链接](https://cdn.yundie.xyz/tuiplus/tuiplus.apk)
![Image](https://cdn.yundie.xyz/tuiplus/tuiplusapk.png)

