blazor-devexpress-dot-blazor-17ca56d5.md
Contains label border settings.
Namespace : DevExpress.Blazor
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
public interface IChartSeriesLabelBorder
The following members return IChartSeriesLabelBorder objects:
Use the Border property in a CustomizeSeriesPoint event handler to access and modify the following border settings:
VisibleAllows you to hide or display label borders.ColorSpecifies the border color.DashStyle | WidthAllow you to customize style and width of the border line.
The following code snippet configures border settings of visible point labels:
<DxChart Data="@WeatherForecasts"
CustomizeSeriesPoint="@PreparePointLabel"
Width="100%">
<DxChartTitle Text="Annual Weather in New York" />
<DxChartLineSeries SummaryMethod="@(i => i.Average())"
ValueField="@((DetailedWeatherSummary i) => i.AverageTemperatureF)"
ArgumentField="@(i => new DateTime(2000, i.Date.Month, 1))"
Name="Temperature, F"
Filter="@((DetailedWeatherSummary i) => i.City == "NEW YORK")">
<DxChartSeriesLabel Position="RelativePosition.Outside"
FormatPattern="{argument:MMMM}: {value:#.##} °F">
<DxChartSeriesLabelConnector Visible="true"
Width="3" />
<DxChartFont Size="14" Weight="600"/>
</DxChartSeriesLabel>
</DxChartLineSeries>
@* ... *@
</DxChart>
@code {
WeatherForecast[] WeatherForecasts;
// ...
protected void PreparePointLabel(ChartSeriesPointCustomizationSettings pointSettings) {
double value = (double)pointSettings.Point.Value;
if (value > 50 && value < 70)
pointSettings.PointLabel.Visible = true;
// ...
pointSettings.PointLabel.Border.Visible = true;
pointSettings.PointLabel.Border.Width = 2.5;
}
}
See Also