Referring Link While putting Clustered Bar chart but facing Error Severity Code Description Project File Line Suppression State
Error (active) RZ9985 Multiple components use the tag ‘ApexChart’. Components: UIDesignRisk.Client.Pages.ApexChart, ApexCharts.ApexChart C:UserslenovosourcereposChangingUIDesignRiskUIDesignRiskClientPagesClusteredChart.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},
};
}
}
}`