Radzen Blazor Chart Axis

Radzen.Blazor Components
1

I am having trouble getting the Y axis auto scaling to work.

Using your demo page at Blazor Chart Component - Axis Configuration | Free UI Components by Radzen

Replace the sample code with that at the bottom of this post, then click on run

<div class="rz-p-0 rz-p-md-12">
    <RadzenChart>
        <RadzenColumnSeries Data="@revenue" CategoryProperty="Quarter" ValueProperty="Revenue" />
        <RadzenValueAxis Min="0"/>
    </RadzenChart>
</div>

@code {
  class DataItem
  {
      public string Quarter { get; set; }
      public double Revenue { get; set; }
  }

  DataItem[] revenue = new DataItem[]
  {
      new DataItem { Quarter = "Q1", Revenue = 2340 },
      new DataItem { Quarter = "Q2", Revenue = 2840 },
      new DataItem { Quarter = "Q3", Revenue = 2740 },
      new DataItem { Quarter = "Q4", Revenue = 2940 }
  };
}
2

This is the result, which is clearly NOT auto scaled to "nice numbers"

AutoScaleFail
AutoScaleFail1081×651 28.3 KB

3

Hi @MikeWilliams,

Indeed when you set Min="0" the auto scaling is turned off. You should set Step in this case as well:

<RadzenValueAxis Min="0" Step="1000" />
4

Ah,

If we set Min we must also set Step, but if we do that automatic reduction in the number of steps is disabled.