Mini chart
MiniChart
jsx
import MiniChart from '@semcore/ui/mini-chart';CommonScoreProps
| Name | Type | Description |
|---|---|---|
| value | number | Value of score (in percents from 0 to 100) or count of selected segments (for Line with segments) |
| color | string | Color of value |
| baseBgColor | string | Color of background |
| loading | boolean | Flag to enable skeleton |
| animate | boolean | Flag to enable animate of charts |
ScoreLineGaugeProps
& & ( | )jsx
<MiniChart.ScoreLine />ScoreDonutProps
&jsx
<MiniChart.ScoreDonut />
<MiniChart.ScoreSemiDonut />CommonTrendProps
& {...}| Name | Type | Description |
|---|---|---|
| animate | boolean | Flag to enable animate of charts |
| loading | boolean | Flag to enable skeleton |
| data | any[] | Data for chart |
TrendLineProps
& {...}| Name | Type | Description |
|---|---|---|
| data | number[] | List of values |
| color | string | Color of line |
| lastPointColor | string | Color of last point in chart |
| lastPointRadius | number | Radius for last point item |
jsx
<MiniChart.TrendLine />
<MiniChart.TrendArea />TrendBarProps
& {...}| Name | Type | Description |
|---|---|---|
| data | [] | Data to bar chart |
jsx
<MiniChart.TrendBar />
<MiniChart.TrendHistogram />