# ef-interactive-chart

A charting component that allows you to create several use cases of financial chart.
By lightweight-charts library.

## Properties

| Property             | Attribute              | Type                         | Default    | Description                                     |
|----------------------|------------------------|------------------------------|------------|-------------------------------------------------|
| `chart`              |                        | `IChartApi \| null`          | null       | lightweight-charts object                       |
| `config`             | `config`               | `InteractiveChartConfig`     | null       | Chart configurations for init chart             |
| `disabledJumpButton` | `disabled-jump-button` | `boolean`                    | false      | Hide jump to latest data button                 |
| `disabledLegend`     | `disabled-legend`      | `boolean`                    | false      | Hide legend                                     |
| `legendStyle`        | `legend-style`         | `"vertical" \| "horizontal"` | "vertical" | Set legend style i.e. `horizontal`, `vertical`. |

## Methods

| Method   | Type           | Description                                    |
|----------|----------------|------------------------------------------------|
| `colors` | `(): string[]` | List of available chart colors from the theme. |

## Events

| Event         | Description                     |
|---------------|---------------------------------|
| `initialized` | Fired when chart is initialized |

## Slots

| Name     | Description                                 |
|----------|---------------------------------------------|
| `legend` | Slot to use for implementing custom legend. |