1.0.2 • Published 1 year ago
@forter/simple-chart v1.0.2
fc-simple-chart
An element by Forter
Usage
<script>
import '@forter/simple-chart';
</script>
<fc-simple-chart data=[{"dataLabel":"Data Overtime","labels":["07 Jan 2023","08 Jan 2023","09 Jan 2023","10 Jan 2023","11 Jan 2023","12 Jan 2023","13 Jan 2023"],"data":["21559.00","23703.00","19262.00","17870.00","18619.00","16565.00","16621.00"]},{"dataLabel":"Data Overtime (Previous)","labels":["08 Dec 2022","09 Dec 2022","10 Dec 2022","11 Dec 2022","12 Dec 2022","13 Dec 2022","14 Dec 2022"],"data":["37697.00","40348.00","46923.00","64907.00","32150.00","31274.00","31211.00"]}]>
</fc-simple-chart>
Properties
Property | Attribute | Type | Default | Description |
---|---|---|---|---|
colors | colors | any[] | Array of HEX colors for the main and preceding datasets. | |
data | data | any[] | An array of datasets to be plotted in the chart. | |
options | options | {} | null | Options to extend or override the internal chart options. |
tooltipPos | tooltipPos | "center" \| "left" \| "right" | "center" | Sets the position of the tooltip along the data point. |
type | type | "line" \| "bar" | "line" | Sets the type of the chart. |