hub / github.com/klinecharts/KLineChart
github.com/klinecharts/KLineChart @v10.0.0-beta3
Chat with this repo
1,037 symbols
3,397 edges
401 files
⚖ Apache-2.0
13 documented · 1%
12 cross-repo links
● updated 11d agov10.0.3 · 2026-08-27★ 4,12927 open issues
Browse by type
What it actually does AI analysis from the code graph — generated when you open this
loading…
README
KLineChart
简体中文 | English
💹📈 基于 html5 canvas 构建的轻量级金融图表。
✨ 特性
- 📦 开箱即用： 简单快速集成，基本零成本上手。
- 🚀 轻量流畅： 零依赖，Gzip压缩下仅40k。
- 💪 功能强大： 内置多种指标和画线模型。
- 🎨 高可扩展： 丰富的样式配置和API，功能扩展随心所欲。
- 📱 移动端： 支持移动端，一个图表，搞定多端。
- 🛡 Typescript开发： 提供完整的类型定义文件。
📦 安装
使用 npm
npm install klinecharts --save
使用 yarn
yarn add klinecharts
CDNs
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>
📄 文档
在线文档
本地浏览
在根目录下执行命令，需要 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 的交易模拟环境。
©️ License
Apache License V2.
Extension points exported contracts — how you extend this code
Chart (Interface)
(no doc) [1 implementers]
src/Chart.ts
Store (Interface)
(no doc) [1 implementers]
src/Store.ts
EventHandler (Interface)
(no doc) [1 implementers]
src/common/EventHandler.ts
FormatDateParams (Interface)
(no doc)
src/Options.ts
EventTriggerWidgetInfo (Interface)
(no doc)
src/Event.ts
AxisTick (Interface)
(no doc)
src/component/Axis.ts
browse all types & interfaces →
Core symbols most depended-on inside this repo
↓ 148 filesStoreImp
src/Store.ts
↓ 111 filesinit* Init chart instance * @param ds * @param options * @returns {Chart}
src/index.ts
↓ 82 filesChartImpsrc/Chart.ts
↓ 35 filesisValidsrc/common/utils/typeChecks.ts
↓ 24 filesSeparatorPanesrc/pane/SeparatorPane.ts
↓ 18 filesisNumbersrc/common/utils/typeChecks.ts
Shape
Languages
TypeScript100%
Modules by API surface
src/Store.ts106 symbols
src/Chart.ts97 symbols
src/common/Styles.ts51 symbols
src/common/EventHandler.ts38 symbols
src/Event.ts32 symbols
src/component/Overlay.ts29 symbols
src/view/OverlayView.ts25 symbols
src/pane/DrawPane.ts23 symbols
src/component/Indicator.ts20 symbols
src/component/Axis.ts19 symbols
src/component/YAxis.ts17 symbols
src/component/XAxis.ts16 symbols
Dependencies from manifests, versioned
@babel/generator7.26.9 · 1×
@babel/parser7.26.9 · 1×
@babel/standalone7.26.9 · 1×
@babel/traverse7.26.9 · 1×
@babel/types7.26.9 · 1×
@commitlint/cli19.6.1 · 1×
@commitlint/config-conventional19.6.0 · 1×
@eslint/eslintrc3.3.0 · 1×
@rollup/plugin-commonjs29.0.2 · 1×
@rollup/plugin-eslint9.2.0 · 1×
@rollup/plugin-node-resolve16.0.3 · 1×
@rollup/plugin-replace6.0.3 · 1×
For agents
$ claude mcp add KLineChart \
-- python -m otcore.mcp_server <graph>