Back to Devexpress

DxChartAxisBase<T>.LogarithmBase Property

blazor-devexpress-dot-blazor-dot-dxchartaxisbase-1-b875017c.md

latest3.6 KB
Original Source

DxChartAxisBase<T>.LogarithmBase Property

Specifies the value to be raised to a power when the chart generates ticks for an axis of the Logarithmic type.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[Parameter]
public int LogarithmBase { get; set; }

Property Value

TypeDescription
Int32

A logarithm base.

|

Remarks

The DxChart<T> component automatically detects the first series’s data type and uses it to render X (argument) and Y (value) axes.

When arguments/values grow rapidly, set the axis’s Type property to ChartAxisType.Logarithmic to visualize a data set exponentially. Each axis argument/value equals to the LogarithmBase value raised to a power. For instance, if LogarithmBase is set to 10, the following arguments/values are displayed: 10⁻², 10⁻¹, 10⁰, 10¹, 10⁻², etc.

The following example displays argument axes of the Discrete type, and value axes of Continuous and Logarithmic types, respectively. The LogarithmBase property for the second chart is set to 2.

razor
<DxChart Data="@GetData()">
    <DxChartTitle Text="@($"The loudness of sounds (continuous value axis)")" />
    <DxChartLegend Visible="false" />
    <DxChartArgumentAxis Type="ChartAxisType.Discrete" />
    <DxChartValueAxis Type="ChartAxisType.Continuous" />
    <DxChartLineSeries ArgumentField="@((DataPoint s) => s.Argument)" ValueField="@((DataPoint s) => s.Value)" />
</DxChart>
<DxChart Data="@GetData()">
    <DxChartTitle Text="@($"The loudness of sounds (logarithmic value axis)")" />
    <DxChartLegend Visible="false" />
    <DxChartArgumentAxis Type="ChartAxisType.Discrete" />
    <DxChartValueAxis Type="ChartAxisType.Logarithmic" LogarithmBase="2" />
    <DxChartLineSeries ArgumentField="@((DataPoint s) => s.Argument)" ValueField="@((DataPoint s) => s.Value)" />
</DxChart>
csharp
@code {
    List<DataPoint> GetData() {
        List<DataPoint> result = new List<DataPoint>(9);
        result.Add(new DataPoint("Whisper", 0.15));
        result.Add(new DataPoint("Street noise", 8));
        result.Add(new DataPoint("Jackhummer", 32));
        result.Add(new DataPoint("Subway train", 64));
        result.Add(new DataPoint("Loud music", 128));
        result.Add(new DataPoint("Pain threshold", 256));
        result.Add(new DataPoint("Buzzer", 512));
        result.Add(new DataPoint("Rocket start", 2048));
        result.Add(new DataPoint("Deadly level", 16348));
        return result;
    }

    struct DataPoint {
        public DataPoint (string argument, double value) { Argument = argument; Value = value; }
        public string Argument { get; set; }
        public double Value { get; set; }
    }
}

Online Demo

Charts - Axis Types

See Also

DxChartAxisBase<T> Class

DxChartAxisBase<T> Members

DevExpress.Blazor Namespace