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. |