DxChartAnnotationBase<T>.WordWrap Property
Specifies how the annotation wraps its overflowing text.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.1.dll
NuGet Package: DevExpress.Blazor
Declaration
[DefaultValue(ChartWordWrap.Normal)]
[Parameter]
public ChartWordWrap WordWrap { get; set; }
Property Value
Type | Default | Description |
---|---|---|
ChartWordWrap | Normal | An enumeration value. |
Available values:
Name | Description |
---|---|
Normal | Wraps text at standard breakpoints (spaces). |
BreakWord | Wraps text and breaks words. |
None | Keeps text on a single line. |
Remarks
Use the WordWrap
property to define how to wrap the annotation text that overflows the content area. This property value applies when the Type property is set to Text
.
The following example uses drop-down menus to choose how to display the annotation’s text:
<DxChart Data="@DataSource">
@* ... *@
<DxChartLineSeries ValueField="@((ApplePrice i) => i.Close)"
ArgumentField="@((ApplePrice i) => i.Date)"
Name="AAPL" />
<DxChartAnnotation Argument="new DateTime(2021, 4, 20)"
Series="AAPL"
Text="Fifth generation of iPad Pro"
TextOverflow="@CurrentTextOverflow"
WordWrap="@CurrentWordWrap"
VerticalOffset="75"
Width="50"/>
</DxChart>
@code {
ChartTextOverflow CurrentTextOverflow = ChartTextOverflow.None;
ChartWordWrap CurrentWordWrap = ChartWordWrap.None;
// ...
}
Refer to the following section for more information about annotations: Annotations in Blazor Charts.
See Also