@using MP.MONO.UI.Components.ChartJS

<div class="row">
    @if (RawData == null || RawData.Count == 0)
    {
            <div class="col-12">
                <div class="alert alert-secondary text-center h4"><span class="oi oi-graph"></span> No Chart Data</div>
            </div>
    }
    else
    {
            @*<div class="col-2" style="max-height: 10em; overflow:hidden; overflow-y: auto;">
                <ul class="list-group list-group-sm small">
                @foreach (var item in RawData)
                {
                    <li class="list-group-item p-1 d-flex justify-content-between align-items-center">
                        @item.AlarmDescription
                        @if(totalEvents != 0)
                        {
                            <span class="badge bg-primary"></span>
                        }
                    </li>
                }
                </ul>
            </div>*@
            <div class="col-10">
                <div class="row">
                    <div class="col-6">
                        <BarPlot Id="ParetoOee" AspRatio="3" Data="@DatiParetoOee" Labels="@LabelParetoOee" Legenda="Most frequent alarms" lineColor="@lineColors" backColor="@bgColors"></BarPlot>
                    </div>
                </div>
            </div>
    }
</div>