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 50k 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.

📦 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
pnpm install

# Start document service
pnpm 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
pnpm install

# Build files
pnpm run build

The generated files are in the dist folder.

🔗 Links

• KLineChart Preview: A more complete example.
• KLineChart Pro: Financial chart built out of the box based on KLineChart.
• openctp: Trading simulation environment for the Chinese market.

©️ License

KLineChart is available under the Apache License V2.