trentuna/candle-annotator
8
0
Fork 0
Code Issues Pull requests Releases Packages Activity Actions

docs: sync candlestick color spec from update-candle-colors change

Browse source
This commit is contained in:
Marko Djordjevic 2026-02-12 23:26:10 +01:00
parent 48883e60f0
commit cce55c63c1
1 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
openspec/specs/chart-canvas/spec.md
View file

@ -1,7 +1,7 @@
## ADDED Requirements
### Requirement: Candlestick chart rendering
The system SHALL render candle data as a candlestick chart using the `lightweight-charts` library (v4). The chart MUST display OHLC data with standard candlestick visuals (green for bullish, red for bearish). The chart SHALL be a client-side React component.
The system SHALL render candle data as a candlestick chart using the `lightweight-charts` library (v4). The chart MUST display OHLC data with candlestick visuals using a black and white color scheme. Bullish candles SHALL have a white interior with black outline and black wicks. Bearish candles SHALL be completely black (black fill and black wicks). The chart SHALL be a client-side React component.
#### Scenario: Chart renders candle data
- **WHEN** candle data exists in the database and the page loads
@ -11,6 +11,14 @@ The system SHALL render candle data as a candlestick chart using the `lightweigh
- **WHEN** no candle data exists in the database
- **THEN** the chart area displays an empty chart with a prompt to upload CSV data
#### Scenario: Bullish candle appearance
- **WHEN** a candle's close price is higher than its open price (bullish)
- **THEN** the candle displays with white interior, black border, and black wick
#### Scenario: Bearish candle appearance
- **WHEN** a candle's close price is lower than its open price (bearish)
- **THEN** the candle displays as completely black (black fill and black wick)
### Requirement: Chart interactivity
The chart SHALL support zooming (mouse wheel), panning (click and drag on time axis), and crosshair display (showing price/time on hover). These are built-in lightweight-charts behaviors that MUST be enabled.