Skip to main content
All docs
V25.1
  • DevExpress v25.1 Update — Your Feedback Matters

    Our What's New in v25.1 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

    Take the survey Not interested

    ChartWordWrap Enum

    Lists values that specify how text is wrapped.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    #Declaration

    C#
    public enum ChartWordWrap

    #Members

    Name Description
    Normal

    Wraps text at standard breakpoints (spaces).

    BreakWord

    Wraps text and breaks words.

    None

    Keeps text on a single line.

    #Related API Members

    The following properties accept/return ChartWordWrap values:

    #Remarks

    ChartWordWrap values specify how to wrap text that does not fit into a single line.

    The following example changes the content area size for the argument axis and uses drop-down menus to choose how to display axis labels:

    Razor
    <DxChart Data="@GetData()" Width="100%" Height="500" Rotated="true">
        <DxChartTitle Text="Pizza Shop Complaints" CssClass="mb-2" />
        <DxChartLegend Visible="false" />
            <DxChartBarSeries ArgumentField="@((DataPoint s) => s.Complaint)"
                              ValueField="@((DataPoint s) => s.Count)" />
        <DxChartTooltip Enabled="true">
            <div style="margin: 0.75rem">
                <div class="fw-bold">@context.Point.Argument</div>
                <div>Complaint frequency: @context.Point.Value</div>
            </div>
        </DxChartTooltip>
        <DxChartArgumentAxis PlaceholderSize="@CurrentPlaceholderSize">
            <DxChartAxisLabel WordWrap="@CurrentWordWrap"
                              TextOverflow="@CurrentTextOverflow" />
        </DxChartArgumentAxis>
    </DxChart>
    
    @code {
        ChartTextOverflow CurrentTextOverflow = ChartTextOverflow.Ellipsis;
        ChartWordWrap CurrentWordWrap = ChartWordWrap.Normal;
        double CurrentPlaceholderSize = 55;
        List<DataPoint> GetData() {
            List<DataPoint> result = new List<DataPoint>(7);
            result.Add(new DataPoint("Delayed delivery", 1123));
            result.Add(new DataPoint("Cold pizza", 780));
            result.Add(new DataPoint("Damaged pizza", 321));
            result.Add(new DataPoint("Wrong size delivered", 222));
            result.Add(new DataPoint("Not enough cheese", 120));
            result.Add(new DataPoint("Incorrect billing", 89));
            result.Add(new DataPoint("Underbaked or Overbaked", 52));
            return result;
        }
        public class DataPoint {
            public string Complaint { get; set; }
            public int Count { get; set; }
            public DataPoint(string complaint, int count) {
                Complaint = complaint;
                Count = count;
            }
        }
    }
    

    DxChartAxisLabel - Text Overflow and Word Wrap

    Run Demo: Chart - Text Overflow and Word Wrap

    See Also