mirror of https://github.com/klinecharts/KLineChart.git synced 2024-11-25 16:22:43 +08:00

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

Go to file

liihuu 4a5907f352 perf: use while instead of for of		2024-09-05 00:27:50 +08:00
.github	ci: upgrade rollup	2023-12-10 01:23:29 +08:00
.husky	ci: husky	2024-06-05 23:31:03 +08:00
docs	Update indicator.md	2024-08-26 17:53:39 +08:00
licenses	ci: ci	2023-02-07 00:39:27 +08:00
scripts	impr: modify some apis	2024-09-03 23:46:32 +08:00
src	perf: use while instead of for of	2024-09-05 00:27:50 +08:00
tests	Add test	2023-06-19 08:48:33 -05:00
.editorconfig	ci: ci	2023-02-07 00:39:27 +08:00
.eslintignore	chore: opt ci	2023-12-11 05:02:05 +08:00
.eslintrc.cjs	ci: eslint	2024-04-24 23:19:03 +08:00
.gitignore	docs: update	2024-05-06 02:19:12 +08:00
.nvmrc	ci: nvmrc	2023-12-18 03:50:55 +08:00
CONTRIBUTING.md	docs: contributing.md	2022-06-25 23:53:11 +08:00
index.js	chore: opt ci	2023-12-11 05:02:05 +08:00
LICENSE	ci: ci	2023-02-07 00:39:27 +08:00
logo.svg	chore: logo	2023-12-09 01:48:14 +08:00
NOTICE	ci: ci	2023-02-07 00:39:27 +08:00
package.json	docs: update docs	2024-08-18 20:27:41 +08:00
README.md	docs: docs	2024-05-04 01:29:23 +08:00
README.zh-CN.md	docs: docs	2024-05-04 01:29:23 +08:00
tsconfig.json	feat: support adding data forward and backward. #442 #472 #509	2024-03-03 23:28:52 +08:00

KLineChart

💹📈 Lightweight k-line chart built with html5 canvas.

✨ Features

📦 Out of the box: Simple and fast integration, basically zero cost to get started.
🚀 Lightweight and smooth: Zero dependencies, only 40k under gzip compression.
💪 Powerful functions: Built-in multiple indicators and line drawing models.
🎨 Highly scalable: With rich style configuration and API, the function can be extended as you like.
📱 Mobile: Support mobile, one chart, handle multiple terminals.
🛡 Typescript development: Provide complete type definition files.

Similar to chart libraries for performance comparison.

Comparison of time consumption from initialization to full rendering:

klinecharts@9.4.0	night-vision@0.3.2	hqchart@1.1.12147
37ms	36ms	241ms

npm install klinecharts --save

yarn add klinecharts

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

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

Execute command in root directory. Node.js is required.

# Install the dependencies
npm install

# Start document service
npm run docs:dev

After successful startup, open in the browser http://localhost:8888 .

Execute command in root directory. Node.js is required.

# Install the dependencies
npm install

# Build files
npm run build

The generated files are in the dist folder.

KLineChart is available under the Apache License V2.