@forter/chart
v6.5.1
Published
chart from Forter Components
Readme
fc-chart
An element by Forter
Usage
<script>
import '@forter/chart';
</script>
<fc-chart
config={"xAxisType":"SINGLE_TIME_FIELD","series":[{"seriesType":"LINE","label":"AGGS.APPROVED.LABEL","aggregation":{"key":"APPROVED","filters":{},"dimensions":[{"key":"TRANS_TIME","label":"DIMENSION.TRANS_TIME.LABEL"}],"data":[{"dimensions":["2021/07/02"],"value":10,"formattedValue":10,"aggregationLabel":"Approved Tx"},{"dimensions":["2021/07/05"],"value":11,"formattedValue":11,"aggregationLabel":"Approved Tx"},{"dimensions":["2021/07/11"],"value":10,"formattedValue":10,"aggregationLabel":"Approved Tx"},{"dimensions":["2021/07/18"],"value":12,"formattedValue":12,"aggregationLabel":"Approved Tx"}]}}]}
>
</fc-chart>Properties
| Property | Attribute | Type | Default |
|----------------------------------|----------------------------------|-----------|---------|
| config | config | {} | {} |
| configHash | configHash | string | |
| currentBuilder | | any | |
| disabled | disabled | boolean | false |
| isLegendBoxOpen | isLegendBoxOpen | boolean | true |
| isLegendExpandIndicatorVisible | isLegendExpandIndicatorVisible | boolean | true |
| isLegendHidden | isLegendHidden | boolean | false |
| loading | loading | boolean | false |
| previewMode | preview-mode | boolean | false |
| type | type | string | "line" |
CSS Custom Properties
| Property | Description |
|-----------------------------|---------------------------------|
| --fc-chart-disabled-color | disabled color. example: gray |