Documentation
Build the chart, then make it yours
ORTEX Charts is a canvas engine with a financial layer on top. The pages below start with a chart on screen and work outward: your own data, your own colors, your own buttons, and the commercial terms that govern the ORTEX mark.
npm install @ortex-charts/financial
# Then, in your page:
import { createFinancialChart } from "@ortex-charts/financial";
const chart = createFinancialChart(document.getElementById("chart"), {
theme: "dark",
resolution: "1D",
data: bars,
});Start here
Charts
Series types
Candlesticks, bars, line, area, baseline, histogram, Heikin-Ashi and your own.
Indicators
The built-in library, their inputs, and how to register your own in twenty lines.
Drawing tools
Trend lines, Fibonacci levels, shapes and notes, with magnet, undo and JSON.
Markers and events
Earnings, dividends, filings and news on the chart, as badges, lanes, callouts and ranges.
Order flow
Footprint bars, volume profile, market profile, delta, cumulative delta and relative volume.
Replay, linking and alerts
Bar replay with higher-timeframe followers, linked charts, and draggable price alerts.
Data
Customization
Colors, fonts and formatting
Theme tokens, per-series colors, number and date formatting, and localization.
The toolbar and your buttons
Hide what you do not want, add your own buttons and menus, and keep it accessible.
The shell and layouts
The complete chart application: symbol search, panes, layouts and stored drawings.
Packages
Sparklines
The 4.8 KB build for tables and cards: line, area, column and win-loss.
Treemaps and heatmaps
The general-purpose charts in the family, on the same engine.
React
Declarative components and hooks over the same imperative API.
Performance
What the numbers are, how they are measured, and how to keep them.
API reference
Every export of every package, grouped by what it is for.
Commercial
The ORTEX mark
What the mark is, when it shows, and how a white-label license removes it.
License keys
Issuing keys, domain binding, expiry, and what happens when a key is missing.
Migrating
From Lightweight Charts, Highcharts Stock, TradingView Advanced Charts or ChartIQ.
Questions we are asked
Support, browsers, mobile, accessibility, data licensing and the awkward ones.