Getting started with DXcharts widget

The widget is a self-contained charting solution that can be easily integrated into a webpage or application to display financial charts with minimal setup. It already contains the chart logic, UI, basic tools, and customization options. You only need to embed it and configure data sources.

Widget integration

The easiest way to integrate the widget in your project is to create an index.html file and import the widget build you received.

To see the widget integration example, download the sample project package, unzip it, and run the index.html file in your browser. WARNING: The sample project folder does not contain the widget files. Please contact your sales representative to buy the widget bundle and unpack it in the widget folder of the sample project.

The widget can also be integrated via React or other frameworks, but the above procedure is the simplest way to get started with the widget and see it in action.

React library vs widget

The DXcharts React library is a set of React components that you can use to create charts in your React applications. The library provides a full range of features and customization options. The DXcharts widget is a charting solution that you can integrate into your website or web application. It offers the same tools and customization options, as the React library, but it may not be as flexible. It is a good choice if you want to quickly add charts to your project without the need for a full React integration.

Next steps

To learn how to set up the widget and configure it to display real market data, go to the Setting up the widget section.

For customization options, see the Customizing the widget and Custom tooltips sections.