Skip to content

Mini chart

MiniChart

jsx
import MiniChart from '@semcore/ui/mini-chart';

CommonScoreProps

NameTypeDescription
valuenumber Value of score (in percents from 0 to 100) or count of selected segments (for Line with segments)
colorstring Color of value
baseBgColorstring Color of background
loadingboolean Flag to enable skeleton
animateboolean Flag to enable animate of charts

ScoreLineGaugeProps

& & ( | )
jsx
<MiniChart.ScoreLine />

ScoreDonutProps

&
jsx
<MiniChart.ScoreDonut />
<MiniChart.ScoreSemiDonut />

CommonTrendProps

& {...}
NameTypeDescription
animateboolean Flag to enable animate of charts
loadingboolean Flag to enable skeleton
dataany[] Data for chart

TrendLineProps

& {...}
NameTypeDescription
datanumber[] List of values
colorstring Color of line
lastPointColorstring Color of last point in chart
lastPointRadiusnumber Radius for last point item
jsx
<MiniChart.TrendLine />
<MiniChart.TrendArea />

TrendBarProps

& {...}
NameTypeDescription
data[] Data to bar chart
jsx
<MiniChart.TrendBar />
<MiniChart.TrendHistogram />

Released under the MIT License.

Released under the MIT License.