# Configure Chart Widget

After creating and placing a chart widget on the dashboard page, the next step is to **configure the chart properties** that control how the chart is rendered and displayed.

In the Widget Dashboard architecture, chart‑level configuration is managed by inserting records into the database table **`DASH_WIDGET_PROP`**.\
This table defines the chart’s visual appearance, dimensions, labels, and behavior.

***

#### Chart Configuration via Database

To configure a chart widget, insert a new record into the **`DASH_WIDGET_PROP`** table using the following values.

These configurations determine how the chart will appear when rendered on the dashboard page.

***

#### DASH\_WIDGET\_PROP Table Values

| Column           | Value           |
| ---------------- | --------------- |
| ID               | `90101`         |
| WIDGETPREFID     | `90101`         |
| TITLE            | `TRAING1 CHART` |
| WIDTH            | `200`           |
| HEIGHT           | `300`           |
| X\_AXIS\_LABELS  | *(empty)*       |
| Y\_AXIS\_LABELS  | *(empty)*       |
| SUB\_TITLE       | *(empty)*       |
| DASHTYPE         | `line`          |
| STACK\_TYPE      | *(empty)*       |
| LEGEND           | `Y`             |
| DATA\_LABEL      | `Y`             |
| WIDGET\_HEIGHT   | `300`           |
| WIDGET\_WIDTH    | `200`           |
| ROTATE\_LABEL    | *(empty)*       |
| TOOLTIP\_MODE    | *(empty)*       |
| Y\_AXIS2\_LABELS | *(empty)*       |

***

#### Field Description Overview

* **ID**\
  Unique identifier for the chart configuration entry.
* **WIDGETPREFID**\
  References the widget preference created in the `WIDGET_PREF` table.\
  This links the chart configuration to the widget instance.
* **TITLE**\
  Display title of the chart shown on the dashboard.
* **WIDTH / HEIGHT**\
  Define the chart dimensions.
* **X\_AXIS\_LABELS / Y\_AXIS\_LABELS**\
  Chart axis labels (optional, can be configured as needed).
* **SUB\_TITLE**\
  Secondary title displayed below the main chart title.
* **DASHTYPE**\
  Specifies the chart type (for example: `line`).
* **STACK\_TYPE**\
  Defines stacking behavior for compatible chart types.
* **LEGEND**\
  Controls whether the chart legend is displayed (`Y` or `N`).
* **DATA\_LABEL**\
  Determines whether data values are displayed on the chart.
* **WIDGET\_HEIGHT / WIDGET\_WIDTH**\
  Widget container size used in the dashboard layout.
* **ROTATE\_LABEL**\
  Controls axis label rotation for improved readability.
* **TOOLTIP\_MODE**\
  Tooltip behavior when hovering over chart points.
* **Y\_AXIS2\_LABELS**\
  Optional secondary Y‑axis labels.

***

#### Result

Once the configuration is inserted into the **`DASH_WIDGET_PROP`** table:

* The chart widget is fully configured
* The dashboard runtime applies the specified visual and behavioral settings
* The chart is rendered according to the defined properties

At this stage, the **Widget Dashboard configuration is functionally complete**, and the chart should display correctly within the dashboard page.

***

#### End of Widget Dashboard Setup

By completing all previous steps:

* Dashboard page creation
* Menu configuration
* Widget creation
* Page‑to‑widget mapping
* Chart configuration

You have successfully built a **fully functional Widget Dashboard** using ONEWEB’s configuration‑driven approach.


---

# 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.onewebstack.com/oneweb-platform-th/building-apps/ui-page-designer/ux-ui-components/dashboard/widget-dashboard/steps-to-create-a-widget-dashboard/configure-chart-widget.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.