Skip to main content
All docs
V25.1
  • DxChartFont Class

    Contains the element’s font settings.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    public class DxChartFont :
        DxSettingsComponent<ChartFontModel>

    Remarks

    Use DxChartFont objects to customize font settings for the following components:

    The following properties are available:

    Color | Opacity
    Specify the text color and its transparency.
    Family | Weight
    Specify font style settings.
    Size
    Specifies font size.

    Example

    The following code snippet customizes font settings of a series label:

    <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>
        <DxChartLegend Visible="false" />
        <DxChartValueAxis>
            <DxChartAxisTitle Text="Temperature, °F" />
        </DxChartValueAxis>
        <DxChartArgumentAxis>
            <DxChartAxisLabel Format="ChartElementFormat.Month" />
        </DxChartArgumentAxis>
    </DxChart>
    
    @code {
        IEnumerable<DetailedWeatherSummary> WeatherForecasts;
    
        protected override async Task OnInitializedAsync() {
            WeatherForecasts = await WeatherSummaryDataProvider.GetDataAsync();
        }
    
        protected void PreparePointLabel(ChartSeriesPointCustomizationSettings pointSettings) {
            double value = (double)pointSettings.Point.Value;
            if (value > 50 && value < 70)
                pointSettings.PointLabel.Visible = true;
        }
    }
    

    DxChartFont - Series Label Customization

    Run Demo: Series Label Customization

    Inheritance

    Object
    ComponentBase
    DxSettingsComponent<DevExpress.Blazor.Internal.ChartFontModel>
    DxChartFont
    See Also