> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.ninjatrader.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.ninjatrader.com/_mcp/server.

# CanvasLeft

## Definition

Indicates the x-coordinate (in pixels) of the beginning of the chart canvas area.

## Property Value

A **double** representing the beginning of the chart canvas area.

## Syntax

`\<chartcontrol\>.CanvasLeft`

## Examples

```csharp
protected override void OnRender(ChartControl chartControl, ChartScale chartScale)
{
    // Store the beginning and ending x-coordinates of the canvas area
    double canvasBeginCoordinate = chartControl.CanvasLeft;
    double canvasEndCoordinate = chartControl.CanvasRight;
    // Print the stored values
    Print(String.Format("Chart canvas begins at x-coordinate {0} and ends at x-coordinate {1}", canvasBeginCoordinate, canvasEndCoordinate));
}
```

Based on the image below, CanvasLeft reveals that the chart canvas area begins at x-coordinate 53.

![ChartControl\_CanvasLeft](https://fdr-prod-docs-files-public.s3.us-east-1.amazonaws.com/ninjatrader-public.docs.buildwithfern.com/a58244f9e974feb409a1c81947b659fc2d11ce7323e1ffe09126047c8ea3da46/docs/assets/developer/desktop-sdk/references/canvasleft-chartcontrol-canvasleft.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA6KXJSKKNFOCF7G4B%2F20260729%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260729T062213Z&X-Amz-Expires=604800&X-Amz-Signature=920b4b83d1a9a58f3fd00b32b2975c9a0b1c4d4c069a82f90632eb5ca5716c20&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject)

When no data series are left-aligned on a chart, CanvasLeft will return 0, representing the x-coordinate origin, because the chart canvas will begin at coordinate 0.