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.