<p align="center">
  <a href="https://github.com/liihuu/KLineChart">
    <img style="width: 160px" src="https://cdn.nlark.com/yuque/0/2022/png/8403091/1646572140298-assets/web-upload/16d5552a-3a7d-43a0-a5cb-079274af1df6.png"/>
  </a>
</p>
<h1 align="center" style="margin-top: -16px">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/2022/png/8403091/1646569986673-assets/web-upload/56a9e87d-8028-4875-97dd-bcfda0eb131a.png)](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.klinecharts.com/zh-CN)
+ [English](https://www.klinecharts.com)

## 🛠️ 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://www.klinecharts.com/sample)
+ [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]()
