# CandleStick Chart

In **Lowcoder**, the **Candlestick Chart** component is tailor-made for **financial and stock market visualisations**. Unlike standard charts that focus on categories or continuous trends, the Candlestick Chart captures **market volatility and trading behavior** through detailed time-series snapshots.

#### What It Shows

Each "candle" displays **four critical price points** within a specific time frame:

* **Open** – Price at the beginning of the interval
* **Close** – Price at the end of the interval
* **High** – The maximum price reached
* **Low** – The minimum price reached

This format helps users interpret **market momentum**, identify **bullish/bearish trends**, and make **data-driven financial decisions**.

***

#### Best Use Cases

* Visualizing **daily/weekly stock prices**
* Tracking **cryptocurrency market movements**
* Displaying **commodity trading patterns**

#### Configuration Highlights

* **Time Axis:** Typically dates on the X-axis
* **Price Range Axis:** Automatically scales for highs and lows
* **Data Structure Required:**

  ```json
  {
    "date": "2023-01-01",
    "open": 120,
    "close": 135,
    "high": 140,
    "low": 115
  }
  ```

***

#### Customisation

You can:

* Change **color themes** (e.g., green for gain, red for loss)
* Toggle between **solid and hollow candles**
* Add **tooltips** for precise price points on hover

Advanced users can extend the chart with **Apache ECharts JSON configuration** for animations, zooming, or overlays like moving averages.

### Component Playground

{% embed url="<https://app.lowcoder.cloud/playground/candleStickChart/1>" %}

### Component Auto-Docs

{% embed url="<https://app.lowcoder.cloud/components/candleStickChart>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.lowcoder.cloud/lowcoder-documentation/build-applications/app-editor/visual-components/dashboard-and-reporting/charts-and-graphs/candlestick-chart.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.