Licence
Apache-2.0
Version
1.0.3
Deps
2
Size
74 kB
Vulns
0
Weekly
0
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. |