Out of the box
Simple and fast integration, zero cost to get started, displaying a chart in just 5 lines of code, allowing users to focus on data integration.
Skip to content
AA hhiigghhllyy ccuussttoommiizzaabbllee lliigghhttwweeiigghhtt ffiinnaanncciiaall cchhaarrtt
A professional financial charting engine for trading terminals and financial applications.
Lightweight and smooth
Zero dependency, only about 50k under Gzip compression. Charts can remain smooth even with thousands of data.
Powerful functionality
Built in multiple candlestick charts, multiple coordinate axes, dozens of commonly used indicators, and line drawing models to meet most needs.
Highly expand
Provide rich APIs, style configurations, technical specifications, line drawing models, and coordinate axis extensions, with customizable functional combinations.
Mobile
Specially adapted for mobile devices, fully capable of running on mobile browsers.
Typescript
Provide a complete Typescript declaration file, perfectly supporting Typescript development.
Use Cases
KLineChart works best as a charting foundation inside finance products, rather than as a standalone component.
Trading terminals and market views
Suitable for professional pages that combine market display, indicator analysis, and trading interaction.
Main pane, sub panes, indicators, and drawing interactions
Business-level control over styles, axes, precision, and timezone
Finance apps and embedded modules
Useful for frontend projects that care about visual consistency, interaction detail, and bundle footprint.
Ready for mobile gestures and browser-based delivery
Zero dependency makes embedding into Web, H5, or hybrid containers easier
Quant analysis and custom research tools
When built-ins are not enough, extend the chart into a research workflow tailored to your product.
Register custom indicators, overlays, figures, and axes
Build strategy-specific interaction and analysis capabilities
Fast integration
A shorter path from setup to a chart running inside a real product page.
5 linesto initialize a basic chart
Low frictionfor prototypes and product adoption
Typical Scenarios
Useful for the first integration stage, from prototype validation to production trading pages, where the team needs visible results quickly before wiring deeper data and interaction.
Core Details
Lightweight and smooth
Balances bundle footprint and interaction smoothness for real-world usage.
~50klightweight core after gzip
High interactionstable during zooming and scrolling
Typical Scenarios
A good fit for long-range historical data, repeated zoom and pan workflows, and real product sessions where rendering smoothness affects trust and usability.
Core Details
Complete capabilities
Covers common financial charting capabilities, making it easier to build analysis and market interfaces directly.
Rich built-inschart types, indicators, and overlays ready out of the box
Professional gradesupports more complete analysis and market-view needs
Typical Scenarios
Useful for professional interfaces that need to combine market display, technical analysis, annotations, and trading-assistance information in one place.
Core Details
Extensible
Provides a stable extension base for continuous iteration around product needs.
Extensiblekeeps growing with product requirements
Customizableacross figures, indicators, styles, and interaction
Typical Scenarios
Well suited to teams with a long-term product roadmap, or projects that need to build up internal charting capability over time.
Core Details
Sponsors
Maintenance, iteration, and documentation work are sustained by ongoing sponsor support.
Project Support
These sponsors help sustain project maintenance, feature iteration, and public availability.
Sponsor information is displayed on the official homepage
More Supporters