开箱即用
简单快速集成，零成本上手，显示出一个图表仅需 5 行代码，让使用者专注于数据对接。
5 行即可完成基础图表初始化
低门槛适合快速验证与业务接入
- 初始化方式简单，少量代码即可完成基础图表集成。
- 文档、示例和 API 结构清晰，便于快速理解使用方式。
Skip to content
简单快速创建图表
KLineChart 让你使用几行代码就可以创建一个金融图表，同时可以使用内置的多种常用技术指标，让图表看起来更专业。
核心优势
轻量、专业、可扩展 — 为金融前端场景而生
轻量流畅
零依赖，Gzip 压缩下仅约 50k。图表即使在成千上万数据的情况下也能保持流畅。
~50kGzip 后核心体积保持轻量
高频交互缩放滚动场景依然稳定
- 零依赖、体积轻，更容易融入已有 Web 前端项目。
- 面对大量历史数据和频繁交互时，依然能保持稳定流畅。
功能强大
内置多种蜡烛图、多种坐标轴、几十种常用指标和画线模型，满足大多数需求。
内置丰富图表形态、指标与覆盖物开箱可用
专业级支持更完整的分析与看盘需求
- 内置多种图表形态、常用技术指标、覆盖物和坐标体系。
- 能够覆盖大多数行情展示、分析辅助和交易可视化场景。
高可扩展
提供丰富的 API、样式配置，以及技术指标、画线模型和坐标轴扩展，功能搭配随心所欲。
可扩展支持围绕业务需求持续追加能力
可定制图形、指标、样式与交互均可按需扩展
- 支持在指标、覆盖物、图形和坐标轴等层面继续扩展。
- 可以围绕业务模型定制样式、交互和功能组合。
移动端
针对移动端做了单独适配，完全可以运行在移动端浏览器上。
触控优化针对移动端手势交互单独适配
浏览器就绪可直接运行在移动端浏览器环境
- 支持缩放、滚动等常见移动端手势操作。
- 适合 H5 行情页、移动端交易终端等场景落地。
Typescript
提供完整的 Typescript 声明文件，完美支持 Typescript 开发。
类型完整提供完整的 TypeScript 声明文件
开发友好在编辑器中获得更好的类型提示
- API、配置项和扩展接口均有类型定义。
- 适合在 TypeScript 项目中直接接入与二次开发。
适用场景
KLineChart 更适合作为金融产品中的底层图表能力来使用，而不只是一个独立组件。
交易终端与行情页面
适合专业交易终端与行情页面，将展示、分析与交互集中在一处完成。支持主副图与画线，样式和坐标轴可按业务配置，对接实时与历史数据也更直接。
金融应用与嵌入式模块
适合嵌入券商、理财等金融应用模块，在保持界面一致性的同时控制包体积。零依赖、适配移动端手势，能顺利融入现有 Web 或混合容器的技术栈。
量化投研与策略演练
适合投研平台、回测面板和模拟演练等需要深度定制的场景。可扩展自定义指标与覆盖物，也能用本地数据按时间推进回放 K 线，围绕策略模型搭建完整分析流程。
多品种行情看板
适合交易席位和运营监控场景，需要同时盯多个标的。支持多窗格布局、长区间浏览和实时订阅，在一屏内保持行情可读与交互流畅。
赞助商
项目的维护、迭代和文档建设，依赖赞助者的持续支持。
