Skip to content

Releases: keepitreal/vroom

react-native-vroom-chart@0.22.0

Choose a tag to compare

@github-actions github-actions released this 15 Oct 02:12
737e1d5

Minor Changes

  • 7198213: Add an autoscaleY prop. While it's on and the user hasn't zoomed or scaled either axis, the price axis follows the visible candles during a pan, easing quickly so the high and low always stay in the plot. The vertical part of a one-finger drag is ignored so the fit isn't broken by jitter. Zooming, a pinch, or dragging either axis turns it off until the view is reset or the seriesKey changes. A timeframe switch on the same key keeps the current state. The ease is skipped when the OS asks for reduced motion. @vroomchart/core-wasm exposes the same mode as VroomChartHandle.setAutoscaleY(enabled, animate).

  • eabafde: Add a crosshair prop that takes a mode ('advanced' | 'simple' | 'none') or a CrosshairConfig.

    • 'advanced' (default) is the existing crosshair.
    • 'simple' is a sparkline scrubber: a vertical line that follows x, a time badge at simple.height (0 = bottom, 1 = top), and dimming to the right of the line (simple.dimAhead, simple.dimOpacity).
    • 'none' stops hover, long-press and press-drag from raising the crosshair or firing onCrosshair, and dismisses one that's showing. Pan and zoom still work, and a crosshairOverride still draws.

    The config also sets lineStyle ('dashed' | 'dotted' | 'solid'), lineWidth, timeFormat ('datetime' | 'time' | 'date'), hour12 and badgeColor (the crosshair badge fill, which otherwise follows theme.crosshairTarget). crosshairOffset and crosshairButton are deprecated in favor of crosshair.offset and crosshair.button.

  • 5ce6e16: Rework the line chart's tip pulse to match a live-price knob: a single ring five sixths of the dot radius wide grows out from the dot's edge by twice its width while fading to nothing over 0.9s, then rests, once every 1.5s (was 2.6s) — the same rhythm as Liveline's live dot.

    Two new theme keys: lineTipPulseOpacity sets the ring's starting opacity (default 0.4), and lineTipDotRadius sets the tip dot's radius in px (default 1.5× lineWidth, at least 2px). The ring and the line-mode gutter scale with the dot.

Patch Changes

  • 7b466af: The digits in the current-price, crosshair and price-line axis badges are now centered on the digit height, so a comma no longer nudges them above center, and those pills keep the same height for every price.
  • 454f03d: Fix candles, volume bars and the line disappearing at the plot edges while still on screen. Every layer now draws each candle whose center is in view plus one past each edge, clipped to the plot, so they run all the way to both edges. The price auto-fit and the crosshair only read candles whose center is in view, so a candle the clip mostly hides never stretches the scale or catches the pointer. getCrosshairCandle now returns null on an empty slot (ahead of the newest candle or over a gap in the data), matching getCrosshairInfo.
  • 5ce6e16: Drop the background-colored ring around the line chart's tip dot. On a dark background it read as a dark outline cutting into the line. The pulse now grows straight out of the dot's edge, and line mode's right gutter is 2px narrower since there is no ring to make room for.

@vroomchart/react@0.22.0

Choose a tag to compare

@github-actions github-actions released this 15 Oct 02:12
737e1d5

Minor Changes

  • 7198213: Add an autoscaleY prop. While it's on and the user hasn't zoomed or scaled either axis, the price axis follows the visible candles during a pan, easing quickly so the high and low always stay in the plot. The vertical part of a one-finger drag is ignored so the fit isn't broken by jitter. Zooming, a pinch, or dragging either axis turns it off until the view is reset or the seriesKey changes. A timeframe switch on the same key keeps the current state. The ease is skipped when the OS asks for reduced motion. @vroomchart/core-wasm exposes the same mode as VroomChartHandle.setAutoscaleY(enabled, animate).

  • eabafde: Add a crosshair prop that takes a mode ('advanced' | 'simple' | 'none') or a CrosshairConfig.

    • 'advanced' (default) is the existing crosshair.
    • 'simple' is a sparkline scrubber: a vertical line that follows x, a time badge at simple.height (0 = bottom, 1 = top), and dimming to the right of the line (simple.dimAhead, simple.dimOpacity).
    • 'none' stops hover, long-press and press-drag from raising the crosshair or firing onCrosshair, and dismisses one that's showing. Pan and zoom still work, and a crosshairOverride still draws.

    The config also sets lineStyle ('dashed' | 'dotted' | 'solid'), lineWidth, timeFormat ('datetime' | 'time' | 'date'), hour12 and badgeColor (the crosshair badge fill, which otherwise follows theme.crosshairTarget). crosshairOffset and crosshairButton are deprecated in favor of crosshair.offset and crosshair.button.

  • 5ce6e16: Rework the line chart's tip pulse to match a live-price knob: a single ring five sixths of the dot radius wide grows out from the dot's edge by twice its width while fading to nothing over 0.9s, then rests, once every 1.5s (was 2.6s) — the same rhythm as Liveline's live dot.

    Two new theme keys: lineTipPulseOpacity sets the ring's starting opacity (default 0.4), and lineTipDotRadius sets the tip dot's radius in px (default 1.5× lineWidth, at least 2px). The ring and the line-mode gutter scale with the dot.

Patch Changes

  • 7b466af: The digits in the current-price, crosshair and price-line axis badges are now centered on the digit height, so a comma no longer nudges them above center, and those pills keep the same height for every price.
  • 6d39731: Fix drawing edits jumping back or lagging when the chart's props change mid-drag. Streamed candles, a resize or any other prop update re-pushed the committed drawings and wiped the live preview: a dragged handle snapped back to where it started, and a translated pencil or path trailed the cursor until release. The edit in progress is now restated right after each re-sync, and a drag is cancelled if the host removes or replaces the drawing being dragged. The drawings dependency key is also only serialized once per array instead of on every render.
  • 454f03d: Fix candles, volume bars and the line disappearing at the plot edges while still on screen. Every layer now draws each candle whose center is in view plus one past each edge, clipped to the plot, so they run all the way to both edges. The price auto-fit and the crosshair only read candles whose center is in view, so a candle the clip mostly hides never stretches the scale or catches the pointer. getCrosshairCandle now returns null on an empty slot (ahead of the newest candle or over a gap in the data), matching getCrosshairInfo.
  • 5ce6e16: Drop the background-colored ring around the line chart's tip dot. On a dark background it read as a dark outline cutting into the line. The pulse now grows straight out of the dot's edge, and line mode's right gutter is 2px narrower since there is no ring to make room for.
  • Updated dependencies [7198213]
  • Updated dependencies [7b466af]
  • Updated dependencies [eabafde]
  • Updated dependencies [454f03d]
  • Updated dependencies [5ce6e16]
  • Updated dependencies [5ce6e16]
    • @vroomchart/core-wasm@0.22.0

@vroomchart/core-wasm@0.22.0

Choose a tag to compare

@github-actions github-actions released this 15 Oct 02:12
737e1d5

Minor Changes

  • 7198213: Add an autoscaleY prop. While it's on and the user hasn't zoomed or scaled either axis, the price axis follows the visible candles during a pan, easing quickly so the high and low always stay in the plot. The vertical part of a one-finger drag is ignored so the fit isn't broken by jitter. Zooming, a pinch, or dragging either axis turns it off until the view is reset or the seriesKey changes. A timeframe switch on the same key keeps the current state. The ease is skipped when the OS asks for reduced motion. @vroomchart/core-wasm exposes the same mode as VroomChartHandle.setAutoscaleY(enabled, animate).

  • eabafde: Add a crosshair prop that takes a mode ('advanced' | 'simple' | 'none') or a CrosshairConfig.

    • 'advanced' (default) is the existing crosshair.
    • 'simple' is a sparkline scrubber: a vertical line that follows x, a time badge at simple.height (0 = bottom, 1 = top), and dimming to the right of the line (simple.dimAhead, simple.dimOpacity).
    • 'none' stops hover, long-press and press-drag from raising the crosshair or firing onCrosshair, and dismisses one that's showing. Pan and zoom still work, and a crosshairOverride still draws.

    The config also sets lineStyle ('dashed' | 'dotted' | 'solid'), lineWidth, timeFormat ('datetime' | 'time' | 'date'), hour12 and badgeColor (the crosshair badge fill, which otherwise follows theme.crosshairTarget). crosshairOffset and crosshairButton are deprecated in favor of crosshair.offset and crosshair.button.

  • 5ce6e16: Rework the line chart's tip pulse to match a live-price knob: a single ring five sixths of the dot radius wide grows out from the dot's edge by twice its width while fading to nothing over 0.9s, then rests, once every 1.5s (was 2.6s) — the same rhythm as Liveline's live dot.

    Two new theme keys: lineTipPulseOpacity sets the ring's starting opacity (default 0.4), and lineTipDotRadius sets the tip dot's radius in px (default 1.5× lineWidth, at least 2px). The ring and the line-mode gutter scale with the dot.

Patch Changes

  • 7b466af: The digits in the current-price, crosshair and price-line axis badges are now centered on the digit height, so a comma no longer nudges them above center, and those pills keep the same height for every price.
  • 454f03d: Fix candles, volume bars and the line disappearing at the plot edges while still on screen. Every layer now draws each candle whose center is in view plus one past each edge, clipped to the plot, so they run all the way to both edges. The price auto-fit and the crosshair only read candles whose center is in view, so a candle the clip mostly hides never stretches the scale or catches the pointer. getCrosshairCandle now returns null on an empty slot (ahead of the newest candle or over a gap in the data), matching getCrosshairInfo.
  • 5ce6e16: Drop the background-colored ring around the line chart's tip dot. On a dark background it read as a dark outline cutting into the line. The pulse now grows straight out of the dot's edge, and line mode's right gutter is 2px narrower since there is no ring to make room for.

react-native-vroom-chart@0.21.1

Choose a tag to compare

@github-actions github-actions released this 13 Oct 17:56
b47714c

Patch Changes

  • 28a360a: Time-axis labels now fade in and out at the left and right edges of the plot as you pan, the same way price labels fade, instead of popping in and out when their text reaches the edge. Gridlines are unchanged.

@vroomchart/react@0.21.1

Choose a tag to compare

@github-actions github-actions released this 13 Oct 17:56
b47714c

Patch Changes

  • 28a360a: Time-axis labels now fade in and out at the left and right edges of the plot as you pan, the same way price labels fade, instead of popping in and out when their text reaches the edge. Gridlines are unchanged.
  • Updated dependencies [28a360a]
    • @vroomchart/core-wasm@0.21.1

@vroomchart/core-wasm@0.21.1

Choose a tag to compare

@github-actions github-actions released this 13 Oct 17:56
b47714c

Patch Changes

  • 28a360a: Time-axis labels now fade in and out at the left and right edges of the plot as you pan, the same way price labels fade, instead of popping in and out when their text reaches the edge. Gridlines are unchanged.

react-native-vroom-chart@0.21.0

Choose a tag to compare

@github-actions github-actions released this 07 Oct 20:25
5d8f678

Minor Changes

  • 5034a9a: The crosshair now works over the RSI, MACD and ATR panes: the horizontal line follows the pointer into the pane and its badge reads the pane's value. CrosshairEvent gains indicator ({ kind, value } over a pane, else null), and over a pane price is the close of the candle under the line. React Native now reports price too.

react-native-vroom-chart@0.20.0

Choose a tag to compare

@github-actions github-actions released this 07 Oct 13:16
cff83b9

Minor Changes

  • d1826cf: The crosshair plus button now draws inside the crosshair price badge: one pill with the "+" left of the price, and the whole pill is clickable. CrosshairButtonConfig is down to enabled, cornerRadius (now clamped to half the badge height, so large values draw a fully rounded pill; default 6) and hoverBoost. Breaking: size, background, iconColor, iconStrokeWidth, ring, ringColor and gap are removed — the pill takes its colors from the theme (crosshairTarget / badgeText). CrosshairButtonEvent.button is now the pill's rect.

    New theme.badgeFontSize (10–14px) sizes the text on every filled badge — the crosshair price and time badges, the current-price badge, and price-line pills unless priceLinesStyle.fontSize is set. Omit it (or pass 0) to keep following axisFontSize.

@vroomchart/react@0.21.0

Choose a tag to compare

@github-actions github-actions released this 07 Oct 20:25
5d8f678

Minor Changes

  • 5034a9a: The crosshair now works over the RSI, MACD and ATR panes: the horizontal line follows the pointer into the pane and its badge reads the pane's value. CrosshairEvent gains indicator ({ kind, value } over a pane, else null), and over a pane price is the close of the candle under the line. React Native now reports price too.

Patch Changes

  • Updated dependencies [5034a9a]
    • @vroomchart/core-wasm@0.21.0

@vroomchart/react@0.20.0

Choose a tag to compare

@github-actions github-actions released this 07 Oct 13:16
cff83b9

Minor Changes

  • d1826cf: The crosshair plus button now draws inside the crosshair price badge: one pill with the "+" left of the price, and the whole pill is clickable. CrosshairButtonConfig is down to enabled, cornerRadius (now clamped to half the badge height, so large values draw a fully rounded pill; default 6) and hoverBoost. Breaking: size, background, iconColor, iconStrokeWidth, ring, ringColor and gap are removed — the pill takes its colors from the theme (crosshairTarget / badgeText). CrosshairButtonEvent.button is now the pill's rect.

    New theme.badgeFontSize (10–14px) sizes the text on every filled badge — the crosshair price and time badges, the current-price badge, and price-line pills unless priceLinesStyle.fontSize is set. Omit it (or pass 0) to keep following axisFontSize.

Patch Changes

  • Updated dependencies [d1826cf]
    • @vroomchart/core-wasm@0.20.0