Composant · Données

HeikinAshiChart

Documenté

HeikinAshiChart visualise des données OHLC sous forme de chandeliers Heikin-Ashi. Chaque bougie est RECALCULÉE par moyennes lissées, ce qui filtre le bruit et fait ressortir la tendance. Les bougies haussières sont vertes, les baissières rouges.

Exemples

Semaine de trading

Cinq bougies quotidiennes. Les valeurs affichées (mèches et corps) sont les valeurs Heikin-Ashi calculées, pas les valeurs OHLC brutes.

Semaine de trading

Lun: O 144 H 148 L 139 C 143.75
Mar: O 143.88 H 151 L 143.88 C 147.50
Mer: O 145.69 H 152 L 140 C 146
Jeu: O 145.84 H 147 L 138 C 143.25
Ven: O 144.55 H 155 L 144 C 149.25

Voir le code (Svelte)

<div class="chart-wrapper">
  <HeikinAshiChart
    label="Cours SENT : semaine (Heikin-Ashi)"
    data={[{"label":"Lun","open":142,"high":148,"low":139,"close":146},{"label":"Mar","open":146,"high":151,"low":144,"close":149},{"label":"Mer","open":149,"high":152,"low":140,"close":143},{"label":"Jeu","open":143,"high":147,"low":138,"close":145},{"label":"Ven","open":145,"high":155,"low":144,"close":153}]}
  />
</div>

API du composant

Prop	Type	Par défaut
`data`	`HeikinAshiChartDatum[]`	requis
`label`	`string`	requis
`width`	`number`	`480`
`height`	`number`	`240`
`class`	`string`	optionnel

HeikinAshiChartDatum = { label: string; open: number; high: number; low: number; close: number }

Accessibilité

`label` alimente le conteneur `role="img"`. Chaque bougie expose ses valeurs Heikin-Ashi O/H/L/C dans une liste accessible hors SVG.

Notes d'usage

Fournissez les valeurs OHLC brutes ; le composant calcule la version Heikin-Ashi (haClose = moyenne O/H/L/C ; haOpen = moyenne du haOpen et haClose précédents). Les bougies non finies sont filtrées avant le calcul.

Tokens

--st-semantic-feedback-success
--st-semantic-feedback-error
--st-semantic-border-subtle
--st-semantic-text-secondary
--st-semantic-surface-inverse
--st-semantic-text-inverse
--st-radius-sm