Skip to main content
All docs
V25.1
  • DxChartPaneBorder.Visible Property

    Specifies whether pane borders are visible.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue(false)]
    [Parameter]
    public bool Visible { get; set; }

    Property Value

    Type Default Description
    Boolean false

    true to display pane borders; otherwise, false.

    Remarks

    To display borders in the DxChartPane component, enable the Visible property. You can then change the visibility of Left, Top, Right, and Bottom borders individually.

    The following example shows pane borders and changes their appearance:

    <DxChart Data="@SalesData" Height="500px">
        <DxChartTitle Text="Sales amount" />
        <DxChartLegend Position="RelativePosition.Outside" VerticalAlignment="VerticalEdge.Bottom" />
        <DxChartPane Name="Pane1" Height="60%" > 
            <DxChartPaneBorder Visible="true"
                               Color="#D4D4D4"
                               DashStyle="ChartDashStyle.Dash" />
        </DxChartPane>
        <DxChartBarSeries Name="2017"
                          Filter="@((SaleInfo s) => s.Date.Year == 2017)"
                          SummaryMethod="Enumerable.Sum"
                          Pane="Pane1"
                          ArgumentField="@(s => s.City)"
                          ValueField="@(s => s.Amount)" />
    </DxChart>
    

    DxChartPane - Border visibility

    See Also