Confidence Band Chart
Прогноз с доверительными интервалами и выбросами, точки читаются с клавиатуры. Pro · Графики и аналитика › Динамика
Установка
npx valyro-cli@latest login
npx valyro-cli@latest add confidence-band-chart
npm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { ConfidenceBandChart } from 'valyro-ui-pro';
Пропсы
| Prop | Type | Default | |
|---|---|---|---|
data * | BandPoint[] | Points in time order: actual values, forecasts and their intervals (any may be missing). | |
levels | [inner: number, outer: number] | [0.5, 0.95] | Confidence of the inner and outer interval, for the legend. Default [0.5, 0.95]. |
format | ValueFormat | {} | How values read: plain, percent, currency or an Intl unit. |
currency | string | ISO 4217 code for format: 'currency'. | |
height | number | 240 | Plot height in px. Default 240. |
showOutliers | boolean | true | Mark actual values outside the outer interval. Default true. |
defaultIndex | number | Point read out at first (keyboard and pointer move it). Default: the last actual. | |
loading | boolean | false | Data is loading: skeleton. |
error | ReactNode | Loading failed: shown instead of the chart. | |
title | ReactNode | Heading. Default: labels.title. | |
headingLevel | 2 | 3 | 4 | 5 | 3 | Level of the heading (default 3). |
locale | string | BCP 47 locale for numbers; defaults to the ThemeProvider's. | |
labels | Partial<ConfidenceBandChartLabels> | Overrides for the built-in English text; keys left out keep their defaults. |
Похожие компоненты
- Line Chart — Линейные графики
- Bar Chart — Столбчатые диаграммы
- Area Chart — Графики с заливкой
- Scatter Chart — Точечные и пузырьковые диаграммы с линией тренда
- Sparkline — Мини-графики
- Candlestick Chart — Биржевые свечи с объёмами и скользящими средними
- Donut Chart — Кольцевые диаграммы
- Treemap — Иерархии площадями с переходом по уровням
- Funnel Chart — Воронки конверсии
- Sankey Chart — Диаграммы потоков между этапами
- Radar Chart — Лепестковые диаграммы для сравнения профилей
- Heatmap — Тепловые карты
Назад: Sparkline · Далее: Candlestick Chart · Весь раздел «Графики и аналитика»