Columns are hidden and on top of each other

Radzen.Blazor Components
1

If you update Blazor Chart Component - Series Configuration | Free UI Components by Radzen to this:

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

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

  DataItem[] revenue1 = new DataItem[]
  {
      new DataItem { Quarter = "Q1", Revenue = 1 },
  };

  DataItem[] revenue2 = new DataItem[]
  {
      new DataItem { Quarter = "Q1", Revenue = 2 },
  };
}

The columns are stacked on top of each other. How do you fix it?

2

Hi @Peter_Chikov,

Here is one way to fix that:

Set the Min parameter of the value axis via <RadzenValueAxis Min="0" />
In any case we recommend:

  1. Series to have unique category values (e.g. Quarter)
  2. Series to use unique data (e.g. not to have two series using revenue2)