Referring Link While putting Clustered Bar chart but facing Error Severity Code Description Project File Line Suppression StateError (active) RZ9985 Multiple components use the tag 'ApexChart'. Components: UIDesignRisk.Client.Pages.ApexChart, ApexCharts.ApexChart C:\Users\lenovo\source\repos\Changing\UIDesignRisk\UIDesignRisk\Client\Pages\ClusteredChart.razor 5
This is my code`
@using ApexCharts<ApexChart TItem="Order" Title="Number Of Exceptions" XAxisType=XAxisType.Category Options=options><ApexPointSeries TItem="Order" Items="Orders" Name="VulnerabilitiesManagament" XValue="@(e => e.Month)" YAggregate="@(e => e.Sum(e => e.VulnerabilitiesManagament))" SeriesType="SeriesType.Bar" /><ApexPointSeries TItem="Order" Items="Orders" Name="MiscellaneousServices" XValue="@(e => e.Month)" YAggregate="@(e => e.Sum(e => e.MiscellaneousServices))" SeriesType="SeriesType.Bar" /><ApexPointSeries TItem="Order" Items="Orders" Name="SecurityOperations" XValue="@(e => e.Month)" YAggregate="@(e => e.Sum(e => e.SecurityOperations))" SeriesType="SeriesType.Bar" /><ApexPointSeries TItem="Order" Items="Orders" Name="UserAccessManagement" XValue="@(e => e.Month)" YAggregate="@(e => e.Sum(e => e.UserAccessManagement))" SeriesType="SeriesType.Bar" /><ApexPointSeries TItem="Order" Items="Orders" Name="CloudServices" XValue="@(e => e.Month)" YAggregate="@(e => e.Sum(e => e.CloudServices))" SeriesType="SeriesType.Bar" /></ApexChart>@code {private List<Order> Orders { get; set; } = SampleData.GetOrders();private ApexChartOptions<Order> options = new ApexChartOptions<Order>();protected override void OnInitialized(){ options.Xaxis = new XAxis { TickPlacement = TickPlacement.On };}public class Order{ public string Month { get; set; } public decimal VulnerabilitiesManagament { get; set; } public decimal MiscellaneousServices { get; set; } public decimal SecurityOperations { get; set; } public decimal UserAccessManagement { get; set; } public decimal CloudServices{ get; set; }}public static class SampleData{ public static List<Order> GetOrders() { return new List<Order> { new Order { Month = "Jan", VulnerabilitiesManagament = 32, MiscellaneousServices = 10 ,SecurityOperations = 33, UserAccessManagement = 55,CloudServices = 20}, new Order { Month = "Feb", VulnerabilitiesManagament = 44, MiscellaneousServices = 76 ,SecurityOperations = 35, UserAccessManagement = 44,CloudServices = 76}, new Order { Month = "Mar", VulnerabilitiesManagament = 55, MiscellaneousServices = 56 ,SecurityOperations = 56, UserAccessManagement = 33,CloudServices = 67}, new Order { Month = "Apr", VulnerabilitiesManagament = 33, MiscellaneousServices = 80 ,SecurityOperations = 10, UserAccessManagement = 55,CloudServices = 45}, new Order { Month = "May", VulnerabilitiesManagament = 12, MiscellaneousServices = 40 ,SecurityOperations = 20, UserAccessManagement = 33,CloudServices = 12}, new Order { Month = "Jun", VulnerabilitiesManagament = 32, MiscellaneousServices = 10 ,SecurityOperations = 33, UserAccessManagement = 11,CloudServices = 20}, new Order { Month = "July", VulnerabilitiesManagament = 44, MiscellaneousServices = 76 ,SecurityOperations = 35, UserAccessManagement = 44,CloudServices = 76}, new Order { Month = "Aug", VulnerabilitiesManagament = 55, MiscellaneousServices = 56 ,SecurityOperations = 56, UserAccessManagement = 34,CloudServices = 67}, new Order { Month = "Sep", VulnerabilitiesManagament = 45, MiscellaneousServices = 56 ,SecurityOperations = 56, UserAccessManagement = 67,CloudServices = 15}, new Order { Month = "Oct", VulnerabilitiesManagament = 66, MiscellaneousServices = 34 ,SecurityOperations = 45, UserAccessManagement = 45,CloudServices = 16}, new Order { Month = "Nov", VulnerabilitiesManagament = 77, MiscellaneousServices = 56 ,SecurityOperations = 78, UserAccessManagement = 78,CloudServices = 56}, new Order { Month = "Dec", VulnerabilitiesManagament = 32, MiscellaneousServices = 23 ,SecurityOperations = 44, UserAccessManagement = 56,CloudServices = 11}, }; }}}`