> For the complete documentation index, see [llms.txt](https://help.ampfutures.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.ampfutures.com/trading-platforms/quantower/quantower-algo/indicator-with-custom-painting-gdi.md).

# Indicator with custom painting (GDI)

## Introduction <a href="#introduction" id="introduction"></a>

In this topic, we will show you how to use a really great possibility of scripts in Quantower — 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 [Microsoft documentation site](https://docs.microsoft.com/ru-ru/dotnet/api/system.drawing.graphics?redirectedfrom=MSDN\&view=netframework-4.7.2).

## Access Graphics object <a href="#access-graphics-object" id="access-graphics-object"></a>

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){    Graphics gr = Graphics.FromHdc(args.Hdc);                        }
```

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);    gr.DrawLine(Pens.Red, 100,100,200,200);​    gr.DrawRectangle(Pens.Blue, 250, 100, 100, 100);​    gr.FillRectangle(Brushes.Yellow, 400, 100, 100, 100);            ​    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 directly on the chart](https://gblobscdn.gitbook.com/assets%2F-LD6FsRvQ3jgwJIg6O7r%2F-LMc4BrxG1e3UkBkCGs_%2F-LMc5p8KUODWgeyeh7-O%2Fprimitives.png?alt=media\&token=29cfa212-d763-4fa4-a2de-2356aa7fd764)

## Drawing a simple text <a href="#drawing-a-simple-text" id="drawing-a-simple-text"></a>

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);​    gr.DrawString("An examle if drawing text...", new Font("Arial", 20), Brushes.Red, 100, 100);    }
```

Build this and check your chart:

![Drawing a text](https://gblobscdn.gitbook.com/assets%2F-LD6FsRvQ3jgwJIg6O7r%2F-LMc4BrxG1e3UkBkCGs_%2F-LMc6qj0wc79apAYLq0p%2Ftext.png?alt=media\&token=4384cf01-ca62-47f5-919b-5940b988ad0b)

## Market depth levels on chart <a href="#market-depth-levels-on-chart" id="market-depth-levels-on-chart"></a>

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(){    this.Symbol.Subscribe(SubscribeQuoteType.Level2);}public override void OnPaintChart(PaintChartEventArgs args){    Graphics gr = Graphics.FromHdc(args.Hdc);​    Font font = new Font("Arial", 10);​    var level2Collections =  this.Symbol.DepthOfMarket.GetDepthOfMarketAggregatedCollections();    for (int i = 0; i < level2Collections.Bids.Length; i++)        gr.DrawString(level2Collections.Bids[i].Price.ToString(), font, Brushes.LightGray, 20, 23 * i + 30);    for (int i = 0; i < level2Collections.Asks.Length; i++)        gr.DrawString(level2Collections.Asks[i].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 Quantower:

![Display bids and asks on the chart](https://gblobscdn.gitbook.com/assets%2F-LD6FsRvQ3jgwJIg6O7r%2F-LMc4BrxG1e3UkBkCGs_%2F-LMcAtTbp0_F8sOu-1xk%2Flevel2.png?alt=media\&token=ce878630-eaae-4d98-99ce-ab3ebb90dbfc)

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.