KLineChart:基于 Typescript 的金融 K 线图组件项目

📈Lightweight k-line chart that can be highly customized. Zero dependencies. Support mobile.(可高度自定义的轻量级k线图,无第三方依赖,支持移动端)

分支5Tags104
当前项目代码仓暂无内容

KLineChart

简体中文 | English

💹📈 基于 html5 canvas 构建的轻量级金融图表。

GitHub Workflow Status (with branch) Version Size npms.io (maintenance) Typescript LICENSE Docs

Issues Discussions Telegram Wechat

✨ 特性

  • 📦 开箱即用: 简单快速集成,基本零成本上手。
  • 🚀 轻量流畅: 零依赖,Gzip压缩下仅40k。
  • 💪 功能强大: 内置多种指标和画线模型。
  • 🎨 高可扩展: 丰富的样式配置和API,功能扩展随心所欲。
  • 📱 移动端: 支持移动端,一个图表,搞定多端。
  • 🛡 Typescript开发: 提供完整的类型定义文件。

📦 安装

使用 npm

npm install klinecharts --save

使用 yarn

yarn add klinecharts

CDN

unpkg

<script type="text/javascript" src="https://unpkg.com/klinecharts/dist/klinecharts.min.js"></script>

jsDelivr

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/klinecharts/dist/klinecharts.min.js"></script>

📄 文档

在线文档

https://www.klinecharts.com

本地浏览

在根目录下执行命令,需要 Node.js 环境。

# 安装依赖
npm install

# 启动文档服务
npm run docs:dev

启动成功后,在浏览器中打开 http://localhost:8888

🛠️ 本地构建

在根目录下执行命令,需要 Node.js 环境。

# 安装依赖
npm install

# 打包文件
npm run build

构建好的文件在dist文件夹。

🔗 链接

  • KLineChart 预览:一个功能比较完善的 KLineChart 示例。
  • KLineChart Pro:基于 KLineChart 构建的开箱即用的金融图表。
  • openctp:可替代 Simnow 的交易模拟环境。

©️ 许可证

Apache License V2。

项目介绍

📈轻量化设计的K线图表,具备极高的自定义性。无需依赖任何第三方库。全面支持移动设备使用。【此简介由AI生成】

定制我的领域
494.11 K993访问 GitHub