ChartSeriesLabelConnectorModel.Color Property
Specifies the label connector’s color.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v23.2.dll
NuGet Package: DevExpress.Blazor
Declaration
public Color Color { get; set; }
Property Value
Type | Description |
---|---|
Color | The color. |
Remarks
The Connector property returns instances of the ChartSeriesLabelConnectorModel
class. Use this property in the CustomizeSeriesPoint event handler to specify the label connector’s color, width, and visibility state.
The code below makes point labels and their connectors red.
<DxChart Data="@WeatherForecasts" CustomizeSeriesPoint="@PreparePointLabel">
<DxChartLineSeries AggregationMethod="@(i => (int)i.Average())"
ValueField="@((WeatherForecast i) => i.TemperatureF)"
ArgumentField="@(i => i.Date.Date)"
Name="Temperature, F">
<DxChartSeriesLabel Position="RelativePosition.Outside">
<DxChartSeriesLabelConnector Visible="true" />
</DxChartSeriesLabel>
</DxChartLineSeries>
<DxChartLegend Position="RelativePosition.Outside" />
</DxChart>
@code {
WeatherForecast[] WeatherForecasts;
...
protected void PreparePointLabel(ChartSeriesPointCustomizationSettings pointSettings) {
double value = (double)pointSettings.Point.Value;
if (value > 25 && value < 75) {
pointSettings.PointLabel.Visible = true;
pointSettings.PointLabel.BackgroundColor = System.Drawing.Color.Red;
pointSettings.PointLabel.Connector.Width = 5;
pointSettings.PointLabel.Connector.Color = System.Drawing.Color.Red;
}
}
}
To specify a point label’s background color, use the BackgroundColor property.
See Also