Skip to main content

About DXcharts

Welcome to DXcharts!​

DXcharts is a developer-friendly charting library built for financial applications. Use it to visualize market data, analyze price movements, or build custom trading tools.

DXcharts supports:

  • Over 100 technical indicators
  • 40 drawing tools
  • 11 chart types

You can use it for anything from simple price charts to detailed technical analysis. The library includes features like:

  • Placing orders directly on charts
  • Comparing multiple instruments side-by-side
  • Customizing chart layouts and timeframes
  • Creating custom studies using its own scripting language, dxScript

DXcharts is cross-platform, working on web, iOS, and Android. The interface adapts to any device and is fully customizable, so you can tailor it to your project's look and workflow.

Integration is designed to be straightforward. The library is data feed-agnostic, meaning you can connect it to any market data source you prefer, including dxFeed. Its modular architecture lets you include only the features you need.

dxCharts has a bunch of products:

  • dxcharts-lite is a free open-source HTML5 library based on canvas with basic functionality such as charts etc.
  • dxchart5-modules is an addons for dxcharts-lite such as drawings, studies, extra chart types etc.
  • dxchart5-react is a UI library wrapper around dxcharts-lite implemented in React.
  • dxstudies is a package with a lot of different studies calculators.

Here are a few tips how to navigate:

  • dxcharts-lite - dxcharts-lite module section, read this if you're using dxcharts-lite without react UI controls
  • dxcharts-react - dxchart5-react module section, read this if you're using react version

Useful pages​

dxcharts-lite​

Quick Start - Core - quick start with ChartBootstrap chart-core / canvas chart only

Chart Config - all you need to know about canvas chart configuration, all in one place

API Reference Core - API to control canvas chart, lots of different methods and subscriptions

dxcharts-react​

Quick Start - quick start with dxchart5-react

Video Tutorial - integrate dxchart5-react into your web app in a couple of minutes

Quick Start - Zip - in case you don't have access to our npm registry

API Reference - Providers - connect dxchart5-react to your data

API Reference - API - API to control dxchart5-react using callbacks and subscribe on events

Styling - how to change styles using styled-components (SC)

dxcharts-react widget​

Widget - Script - use dxchart5-react as <script> widget

Large Language Models Support​

The documentation includes the llms.txt and llms-full.txt files which allow to parse text for AI coding tools, such as Cursor, Windstatic, GitHub Copilot, ChatGPT, and Claude to understand the DXcharts documentation

More information can be found here: