Samuele E. Locatelli
46 lines
2.0 KiB
Plaintext
46 lines
2.0 KiB
Plaintext
@using 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">
|
|
<NavLink class="btn btn-success w-100 btn-sm" href="energy-trends">
|
|
<i class="fa-solid fa-bolt"></i> TREND Analisys <i class="fa-solid fa-arrow-trend-up"></i>
|
|
</NavLink>
|
|
<div class="border" style="max-height: 14em; overflow:hidden; overflow-y: auto;">
|
|
<ul class="list-group list-group-sm small">
|
|
@foreach (var item in @ParetoData)
|
|
{
|
|
<li class="list-group-item p-1 d-flex justify-content-between align-items-center">
|
|
@item.label
|
|
<span class="badge badge-primary badge-pill">@item.value</span>
|
|
</li>
|
|
}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-10">
|
|
<div class="row">
|
|
<div class="col-2">
|
|
<PieChart Id="PieODL" AspRatio="1" LegendPos="bottom" Data="@DatiPareto" Labels="@LabelPareto" lineColor="@lineColors" backColor="@bgColors" Title="@pieTitle"></PieChart>
|
|
</div>
|
|
<div class="col-10">
|
|
@if (DynMode)
|
|
{
|
|
<MultiLine Id="PlotODL" AspRatio="4" DataTSList="@TSDataMulti" Labels="@LabelPlot" lineColor="@lineColors" backColor="@bgColors" lTens="0" Titles="@lineTitles" Stepped="false"></MultiLine>
|
|
}
|
|
else
|
|
{
|
|
<Line Id="PlotODL" AspRatio="4" DataTS="@DatiPlot" Labels="@LabelPlot" lineColor="@lineColor" backColor="@lineColor" lTens="0" Title="@lineTitles.FirstOrDefault()" Stepped="true"></Line>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
</div> |