Skip to content

Mini chart

Score charts ​

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

NSMiniChart.Score.CommonProps ​

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

NSMiniChart.Score.Line.Props ​

& & ( {value: number; color?: ; segments?: number; children?: never } | {value?: never; segments?: never; color?: never; children: })
jsx
import MiniChart from '@semcore/ui/mini-chart';
<MiniChart.ScoreLine />

NSMiniChart.Score.Donut.Props ​

&
jsx
import MiniChart from '@semcore/ui/mini-chart';
<MiniChart.ScoreDonut />
<MiniChart.ScoreSemiDonut />

Trend charts ​

NSMiniChart.Trend.CommonProps ​

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

NSMiniChart.Trend.Line.Props ​

& {...}
NameTypeDescription
datanumber[] List of values
colorstring Color of line
lastPointColorstring Color of last point in chart
lastPointRadiusnumber Radius for last point item
jsx
import MiniChart from '@semcore/ui/mini-chart';
<MiniChart.TrendLine />
<MiniChart.TrendArea />

NSMiniChart.Trend.Bar.Props ​

& {...}
NameTypeDescription
data[] Data to bar chart
jsx
import MiniChart from '@semcore/ui/mini-chart';
<MiniChart.TrendBar />
<MiniChart.TrendHistogram />

Released under the MIT License.

Released under the MIT License.