<h1 align="center">KLineChart</h1>
<p align="center">💹📈Lightweight k-line chart built with html5 canvas.</p>
<div align="center">

[![Version](https://badgen.net/npm/v/klinecharts)](https://www.npmjs.com/package/klinecharts)
[![Build Status](https://travis-ci.org/liihuu/KLineChart.svg?branch=master)](https://travis-ci.org/liihuu/KLineChart)
[![Size](https://badgen.net/bundlephobia/minzip/klinecharts@latest)](https://bundlephobia.com/result?p=klinecharts@latest)
[![Dependencies](https://status.david-dm.org/gh/liihuu/KLineChart.svg)](https://github.com/liihuu/KLineChart)
[![Typescript](https://badgen.net/npm/types/klinecharts)](types/index.d.ts)
[![LICENSE](https://badgen.net/github/license/liihuu/KLineChart)](LICENSE)

</div>

[![](https://cdn.nlark.com/yuque/0/2021/png/8403091/1610113735933-12673d32-f1d0-43e5-825f-2779bcc79036.png?x-oss-process=image%2Fwatermark%2Ctype_d3F5LW1pY3JvaGVp%2Csize_14%2Ctext_6K-t6ZuAIEBsaWlodXU%3D%2Ccolor_FFFFFF%2Cshadow_50%2Ct_80%2Cg_se%2Cx_10%2Cy_10%2Fresize%2Cw_1484)](https://github.com/liihuu/KLineChart)

## 📦 Install
### Using npm
```bash
npm install klinecharts --save
```

### Using yarn
```bash
yarn add klinecharts
```

### CDNs
#### [unpkg](https://unpkg.com)
https://unpkg.com/klinecharts/dist/klinecharts.min.js

#### [jsDelivr](https://cdn.jsdelivr.net)
https://cdn.jsdelivr.net/npm/klinecharts/dist/klinecharts.min.js

## 📄 Docs
+ [中文](https://www.yuque.com/liihuu/klinechart)
+ [English](./docs/en/README.md)

## 🛠️ Build
Execute command in root directory. [Node.js](https://nodejs.org) is required.
```bash
# Install the dependencies from NPM:
npm install

# Build files:
npm run build
```
The generated files are in the dist folder.

## 🔗 Links
+ [Sample page](https://liihuu.github.io/KLineChart/)
+ [Sample code](https://github.com/liihuu/KLineChartSample)

## ©️ License
KLineChart is available under the Apache License V2.

## ❤️ Sponsor Author
### PayPal
+ [paypal](https://paypal.me/liihuu)

### Digital assets
+ BTC: [bc1qnwzukszzk5xfk0zs3sr8etzgctgnrtqts43jzp3khe6gm7xazprsp4y6n3]()
+ ETH: [0xd2c3911654db861e0a2e17415e11a209c1fc3594]()
+ USDT-ERC20: [0xd2c3911654db861e0a2e17415e11a209c1fc3594]()
+ USDT-Omni: [3DSXSbTbMwXumaaqMySVPgedBP9rGhpnfQ]()
+ USDT-TRC20: [THJpTQmFGaVm12KE1Jzc5mLXiApP6qXMCi]()
