uiComponents
v0.1.0

StockChart

Real-time market data visualization component.

Preview

A real-time signal monitor that streams a live deviation trace against a configurable baseline.

signal monitoridle
syncing…

Installation

bash
npx shadcn@latest add https://ui.moyu.dev/r/stock-chart.json

Usage

tsx
import { StockChart } from "@/components/moyu/stock-chart"

export default function Example() {
  return <StockChart />
}

API Reference

PropTypeDefaultDescription
nodestring—Signal source id to stream
refreshIntervalnumber20000Polling interval in ms
baseline"prev-close" | "manual""prev-close"Anchor for the 0% deviation line
variant"area" | "line""area"Render style of the signal trace

Related Components