NeoCharts

Quick Start

Get a live NeoCharts rendering in your app.

Get a fully interactive chart with real-time data, technical indicators, order/position overlays, and drawing tools. Pick your platform in the sidebar.

Drop in one widget and implement ChartInterface — no native code required. The steps here implement just 4 members, enough to render a chart. Trading, alerts, and option-chain analysis are additional members you add once the chart is on screen; the full guide covers them.

1. Add the dependency

Access

NeoCharts is distributed directly to licensed partners, not published to pub.dev. Your IOURING contact provides the Git repository URL and version tag below.

# pubspec.yaml
dependencies:
  nxtchart:
    git:
      url: <repository-url>
      ref: <version-tag>

Pick ref: from the repository's git tags (e.g. nxtchart-v0.0.35+17) — don't invent one.

fvm flutter pub get

2. Implement ChartInterface

storageKey, symbol/timing metadata, and loadData shown below — trading, alerts, and option-chain members follow the same pattern:

import 'package:nxtchart/interface.dart';

class MyChartController implements ChartInterface {
  @override
  String get storageKey => 'user_${currentUser.id}';

  @override
  String get symbolInfo => jsonEncode({
    'id': 'RELIANCE',
    'name': 'Reliance Industries',
  });

  // ...loadData, trading, alerts, and option-chain members — see API Reference for the full list
}

Must be broadcast streams

ordersStreamer, positionsStreamer, ocoOrdersStreamer, and actionFeedbackStreamer — a single-subscription stream crashes with Bad state: Stream has already been listened to. Use .asBroadcastStream() or a broadcast StreamController.

3. Mount the widget

import 'package:nxtchart/widgets.dart';

NxtChartPage(dataProvider: MyChartController())

Theming

Reads your app's Material Theme — the chart uses colorScheme.primary/onPrimary for its accent color and follows light/dark mode. Requires a Material Theme ancestor with those set; Cupertino-only apps or an unset color scheme won't get sensible theming for free.

That's a chart on screen. Continue to the Flutter integration guide for the complete ChartInterface (trading, alerts, option chain, scalper mode) and troubleshooting.


See How It Works for the data/trade/alerts flow, JSON Schemas for wire formats, and the API Reference for exact ChartInterface signatures.

On this page