<dy-chart-zoom>
A chart component that provides zooming functionality for data visualization. It allows users to select and focus on specific ranges of data, making it easier to analyze detailed sections of large datasets.
Example
Loading...
<dy-chart-zoom
style=${"width: 100%"}
.aspectRatio=${5}
.values=${ [ [1,8], [2,2], [3,6], [4,7], [5,5], [6,3], [7,4], [8,1], [9,9] ] }
@change=${({ target, detail }) => target.value = detail}
.value=${[0,1]}></dy-chart-zoom>
API
Shadow DOM; Extends GemElement
Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
values |
Yes | (number | null)[][] |
value |
Yes | number[] |
aspectRatio |
Yes | number |
change |
Emitter<number[]> |
Other
| Type | Value |
|---|---|
| Event | change |