The Candlestick Chart Component is a plug-and-play solution designed to simplify the integration of candlestick charts into OutSystems applications. Built as a reusable web block, this component provides a seamless way to visualize financial or time-series data with minimal effort.

Key Features:

1. Easy Integration

   • Simply drag and drop the web block "CandleChart" onto your screen.
   • Pass your dataset to the web block, and the chart will automatically render based on the provided data.

2. Pre-Integrated JavaScript

   • The required JavaScript library for rendering the chart is already included in the web block.
   • No need for additional configurations or external script imports.

3. Dynamic Charting Based on Input Data

   • Accepts datasets containing keys like Date, Open, High, Low, Close, Volume, and more.
   • Automatically generates a candlestick chart based on the dataset provided, making it ideal for financial or time-series applications.

4. Customizable Appearance

   • The component supports customization of bullish (UpColor) and bearish (DownColor) candle colors.
   • Additional fields, such as Note, allow for enhanced chart annotations and tooltips.

5. Cross-Platform Compatibility

   • Fully compatible with OutSystems Reactive Web applications.

6. Interactive and Responsive Design

   • The chart is interactive, allowing users to zoom, pan, and hover for detailed insights.
   • The responsive design ensures that the chart works well on different screen sizes and devices.

How to Use:

1. Drag and drop the "CandleChart" web block onto your screen.
2. Pass the required dataset as an input parameter to the web block.
3. That’s it! The candlestick chart will render automatically based on the input data.