---
id: "T:cAlgo.API.ChartDraggables"
kind: "interface"
namespace: "cAlgo.API"
url: "https://help.ctrader.com/ctrader-algo/references/Chart/Draggables/ChartDraggables/"
---

> Documentation index for agents: https://help.ctrader.com/ctrader-algo/llms.txt · machine index: https://help.ctrader.com/ctrader-algo/api.json

# ChartDraggables (interface)

Represents collection of a chart area draggables.

Environments: Desktop supported · CLI not supported · Cloud not supported.

- CLI: Add returns a draggable that is never displayed; Remove sends nothing to any chart.
- Cloud: Add returns a draggable that is never displayed; Remove sends nothing to any chart.

## Definition

```csharp
public interface ChartDraggables
```

Available since cAlgo.API 5.2.

## Examples

C#:

```csharp
public partial class TestExample : Robot
{
   private const string Label = "Draggable";

   protected override void OnStart()
   {
       var openPositionButton = new Button {Text = "Open Position"};

       openPositionButton.Click += _ => ExecuteMarketOrder(TradeType.Buy, SymbolName, Symbol.VolumeInUnitsMin, Label);

       var closePositionsButton = new Button {Text = "Close Position"};

       closePositionsButton.Click += _ => Positions.Find(Label)?.Close();

       var panel = new StackPanel {Orientation = Orientation.Vertical, BackgroundColor = Color.Red};

       panel.AddChild(openPositionButton);
       panel.AddChild(closePositionsButton);

       var draggable = Chart.Draggables.Add();

       draggable.ShowGrip = true;
       draggable.Child = panel;

       draggable.LocationChanged += args => Print($"Draggable Location Changed: {args.Draggable.X}, {args.Draggable.Y}");
   }
}
```

Python:

```python
import clr

clr.AddReference("cAlgo.API")

# Import cAlgo API types
from cAlgo.API import *

# Import trading wrapper functions
from robot_wrapper import *

class Test():
    Label = "Test"
    def on_start(self):
        openPositionButton = Button()
        openPositionButton.Text = "Open Position"
        openPositionButton.Click += lambda _ : api.ExecuteMarketOrder(TradeType.Buy, api.SymbolName, api.Symbol.VolumeInUnitsMin, self.Label)

        closePositionsButton = Button()
        closePositionsButton.Text = "Close Position"
        closePositionsButton.Click += lambda _ : api.Positions.Find(self.Label).Close()

        panel = StackPanel()
        panel.Orientation = Orientation.Vertical
        panel.BackgroundColor = Color.Red

        panel.AddChild(openPositionButton)
        panel.AddChild(closePositionsButton)

        draggable = api.Chart.Draggables.Add()
        draggable.ShowGrip = True
        draggable.Child = panel
        draggable.LocationChanged += lambda args : print(f"Draggable Location Changed: {args.Draggable.X}, {args.Draggable.Y}")
```

config.json:

```json
{
  "AccessRights": "None"
}
```

## Methods

- `ChartDraggable Add()` — Adds a draggable to chart area. [details](https://help.ctrader.com/ctrader-algo/references/Chart/Draggables/ChartDraggables/Add/index.md)
- `void Remove(ChartDraggable draggable)` — Removes a draggable from chart area. [details](https://help.ctrader.com/ctrader-algo/references/Chart/Draggables/ChartDraggables/Remove/index.md)

## Properties

- `int Count {get;}` — Gets count of draggables. [details](https://help.ctrader.com/ctrader-algo/references/Chart/Draggables/ChartDraggables/Count/index.md)