Home

Awesome

<div align="center"> <a href="https://klinecharts.com"> <img src="https://klinecharts.com/images/logo.svg?hash=89987fs7789" height="100"/> </a> </div> <h1 align="center">KLineChart</h1> <div align="center"> English | <a href="https://github.com/liihuu/KLineChart/blob/main/README.zh-CN.md">简体中文</a> </div> <br/> <p align="center">💹📈 Lightweight k-line chart built with html5 canvas.</p> <div align="center">

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

</div> <div align="center">

Issues Discussions Telegram Wechat

<!-- [![Discord](https://img.shields.io/static/v1?color=738BD8&logo=discord&logoColor=fff&label&message=Discord)](https://discord.gg/7YjHYgvvvZ) --> <!-- [![Twitter](https://img.shields.io/static/v1?color=1D9BF0&logo=twitter&logoColor=fff&label&message=Twitter)](https://twitter.com/klinecharts) --> </div> <img style="margin-bottom:6px" src="https://cdn.nlark.com/yuque/0/2023/png/8403091/1684399506365-assets/web-upload/044fe897-168c-4fbb-a485-87a8ef61c04a.png" />

✨ Features

⚡ Performance

Similar to chart libraries for performance comparison.

Comparison of time consumption from initialization to full rendering:

klinecharts@9.4.0night-vision@0.3.2hqchart@1.1.12147
37ms36ms241ms

📦 Install

Using npm

npm install klinecharts --save

Using 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>

📄 Docs

Online

https://www.klinecharts.com

Locale

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 .

🛠️ Build

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.

🔗 Links

©️ License

KLineChart is available under the Apache License V2.