Repository files navigation

💹📈 Lightweight k-line chart built with html5 canvas.

• 📦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.

• Test Scenario: 50000 pieces of data, 5 pane indicators, average 10 runs
• Device: macOS Ventura, Apple M2 Pro, 16G
• Browser: Chrome 114.0.5735.106
• Framework: React@18.2.0

Comparison of time consumption from initialization to full rendering:

npm install klinecharts --save

yarn add klinecharts

<scripttype="text/javascript"src="https://unpkg.com/klinecharts/dist/klinecharts.min.js"></script>

<scripttype="text/javascript"src="https://cdn.jsdelivr.net/npm/klinecharts/dist/klinecharts.min.js"></script>

https://www.klinecharts.com

Execute command in root directory.Node.js is required.

# Install the dependenciesnpm install# Start document servicenpm run docs:dev

After successful startup, open in the browserhttp://localhost:8888 .

Execute command in root directory.Node.js is required.

# Install the dependenciesnpm install# Build filesnpm run build

The generated files are in the dist folder.

• Online Preview
• KLineChart Pro
• Sample Code

KLineChart is available under the Apache License V2.