OptimusFLOW
  • Welcome to OptimusFLOW Help
  • Getting started
    • First Time Users
    • Control center
    • Workspaces, Binds, Groups
    • Templates
    • Set as Default
    • Symbols lookup
    • Table management
    • Backup & restore manager
    • General settings
  • Connections
    • Connections manager
    • Connection to Optimus Futures
    • Connection to Paper to Trader dxFeed
    • Connection to Rithmic
    • Connection to Rithmic Prop
    • Connection to CQG
    • Connection to OANDA
  • Trading Journal
  • Analytics panels
    • Chart
      • Chart types
        • Renko
        • Heiken Ashi
        • Kagi
        • Points & Figures
        • Range bars
        • Line break
        • Volume Bars
      • Chart overlays
      • Technical indicators
        • Oscillators
          • Aroon Indicator
          • Moving Average Convergence/Divergence
          • Awesome Oscillator
          • Accelerator Oscillator
          • %R Larry Williams
          • Momentum
          • Rate of Change
          • Commodity Channel Index
        • Moving averages
          • Exponential Moving Average
          • Simple moving average
        • Volatility
          • Average True Range
          • Standard deviation
        • Trend
          • ZigZag
        • Volume
          • Delta Flow
      • Drawing tools
      • Volume Analysis Tools | Volume Profiles | Footprint chart | VWAP
        • Cluster chart
        • Volume profiles
        • Time statistics
        • Time histogram
        • Historical Time & Sales
      • Power Trades
      • VWAP | Volume Weighted Average Price
    • Watchlist
    • Time & Sales
    • Price Statistic
    • DOM Surface
    • Option Analytics
    • TPO Profile Chart
  • Trading panels
    • Order Entry
      • Order Types
    • DOM Trader
    • Market depth
    • Trading simulator
    • Market Replay (History Player)
    • FX Cell
  • Portfolio panels
    • Positions
    • Working Orders
    • Trades
    • Orders History
    • Synthetic Symbols
    • Historical Symbols
  • Information panels
    • Account info
    • Symbol Info
    • Event Log
    • RSS
    • Reports
  • Miscellaneous
    • History Exporter
    • Market heat map
    • Stat matrix
    • Exchange times
    • Quote Board
    • Excel and RTD function
  • Algo
    • Introduction
    • Install for Visual Studio
    • Simple Indicator
    • Input Parameters
    • Built-In indicators access
    • Indicator with custom painting (GDI)
    • Using markers with indicators
    • Adding a custom indicator to Watchlist
    • Downloading history
    • Simple strategy
    • Access to trading portfolio
    • Trading operations
    • Example: Simple Moving Average
Powered by GitBook
On this page
  • Introduction
  • Access Graphics object
  • Drawing a simple text
  • Market depth levels on chart

Was this helpful?

  1. Algo

Indicator with custom painting (GDI)

Draw any graphical objects on the chart using the GDI+ library

PreviousBuilt-In indicators accessNextUsing markers with indicators

Last updated 5 years ago

Was this helpful?

Introduction

In this topic, we will show you how to use a really great possibility of scripts in OptimusFLOW — a custom painting on the Chart. You can draw anything you need via GDI+ — a graphical subsystem of Windows. In C# all features from GDI+ are encapsulated in class Graphics. It is a set of functions allowing to create graphical primitives and splines using brushes and pens, Images, etc. More information you can find on the .

Access Graphics object

Let's start. To get access to Graphics object of the chart you need to override OnPaint method and use Hdc value from its parameters:

public override void OnPaintChart(PaintChartEventArgs args)
{
    // Use args.Hdc to create Graphics which give us acces to chart canvas
    Graphics gr = Graphics.FromHdc(args.Hdc);                        

    // Add your custom drawings here...
}

That's all - now you have full access to chart's canvas and can draw anything you want. For drawing in C# you need to call special methods with graphical parameters: coordinates, color, width, etc.:

public override void OnPaintChart(PaintChartEventArgs args)
{
    Graphics gr = Graphics.FromHdc(args.Hdc);

    // Draw a line using predefined Red pen
    gr.DrawLine(Pens.Red, 100,100,200,200);

    // Draw a rectangle using predefined Blue pen
    gr.DrawRectangle(Pens.Blue, 250, 100, 100, 100);

    // Fill a rectangle using predefined yellow brush
    gr.FillRectangle(Brushes.Yellow, 400, 100, 100, 100);            

    // Create a custom pen and use it for drawing
    Pen myPen = new Pen(Color.Green, 3);
    gr.DrawRectangle(myPen, 50, 50, 500, 200);
}

If we build this indicator - we can see the result on the chart window:

Drawing a simple text

Let's try to draw a text — it is very similar. We need to specify text, font, and coordinates:

public override void OnPaintChart(PaintChartEventArgs args)
{
    Graphics gr = Graphics.FromHdc(args.Hdc);

    // Draw the text with specified font and color
    gr.DrawString("An examle if drawing text...", new Font("Arial", 20), Brushes.Red, 100, 100);    
}

Build this and check your chart:

Market depth levels on chart

Ok, it is interesting but quite useless. Let's do something more serious — for example, display all levels of market depth on the chart. This is source code:

protected override void OnInit()
{
    // Subscribe for level 2 quotes            
    this.Symbol.Subscribe(SubscribeQuoteType.Level2);
}

public override void OnPaintChart(PaintChartEventArgs args)
{
    Graphics gr = Graphics.FromHdc(args.Hdc);

    // Create a font
    Font font = new Font("Arial", 10);

    // Request a current sorting bids
    List<Level2Item> sortedBids = this.Symbol.Bids.GetSortedList();

    // Draw bids
    for (int i = 0; i < sortedBids.Count; i++)
        gr.DrawString(sortedBids[i].Quote.Price.ToString(), font, Brushes.LightGray, 20, 23 * i + 30);

    // Request a current sorting asks
    List<Level2Item> sortedAsks = this.Symbol.Asks.GetSortedList();

    // Draw asks
    for (int i = 0; i < sortedAsks.Count; i++)
        gr.DrawString(sortedAsks[i].Quote.Price.ToString(), font, Brushes.LightGray, 100, 23 * i + 30);     
}

And this is how our chart looks now. You can compare results with Market Depth panel in OptimusFLOW:

It is a great possibility of chart features extending, isn't it? You can add your own Info Window, Track Cursor or even Volume Analysis visualization. There are no limitations in our API, only your fantasy.

Microsoft documentation site
Drawing directly on the chart
Drawing a text
Display bids and asks on the chart