> For the complete documentation index, see [llms.txt](https://docs.wirebootstrap.com/highcharts/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wirebootstrap.com/highcharts/configuration.md).

# Configuration

Use the following configuration options to bind the Highcharts for WireBootstrap component.

| Name       | Description                                                                                                                                                                                                                                                                                                     |
| ---------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| datamap    | Used to bind data to the component.  See [Data Binding](/highcharts/data-binding.md) for details.                                                                                                                                                                                                               |
| eventField | By default, a [data event](https://docs.wirebootstrap.com/wirebootstrap/data-events/data-events) raised by the component will send out the value(s) for the fields set in the [catagories data map](/highcharts/data-binding.md).  Use this property to use another field in the data to send out in the event. |
| highcharts | A pass-through to the [native configuration for Highcharts](https://api.highcharts.com/highcharts).  See [Highcharts](#highcharts) for an example.                                                                                                                                                              |
| type       | The chart type.  This is a helper property for the native [Highcharts chart type property](https://api.highcharts.com/highcharts/chart.type).                                                                                                                                                                   |

## Highcharts

The following sets the title on the chart as part of the binding.

```javascript
const chart = new wire.highcharts().render("#chart", {
    ...
    highcharts: {    
        title: { text: "My Chart Title"}
    }
});
```