@page "/TestMultiLine"

@if (currDS == null)
{
    <LoadingData></LoadingData>
}
else
{
    <h3>TestMultiLine</h3>
    <div class="row" style="height: 500px;">
        <div class="col-6">
            <ChartHist Id="01" Data="@histData(1)" Labels="@histLabel(1)" LineColor="rgb(7, 173, 236)" BackColor="rgba(107, 223, 255, 0.5)" ChartLabel="Ore 01"></ChartHist>
        </div>
        <div class="col-6">
            <ChartMultiLine DataSets="currDS" ChartLabels="ChLabels"></ChartMultiLine>
        </div>
    </div>
}

<hr />
<div class="row">
    <div class="col-4">
        <LoadingData DisplaySize="LoadingData.CtrlSize.Small" DisplayMode="LoadingData.SpinMode.Normal"></LoadingData>
    </div>
    <div class="col-4">
        <LoadingData DisplaySize="LoadingData.CtrlSize.Small" DisplayMode="LoadingData.SpinMode.Growl"></LoadingData>
    </div>
    <div class="col-4">
        <LoadingData DisplaySize="LoadingData.CtrlSize.Small" DisplayMode="LoadingData.SpinMode.BounceLine"></LoadingData>
    </div>
</div>
<div class="row">
    <div class="col-4">
        <LoadingData DisplaySize="LoadingData.CtrlSize.Normal" DisplayMode="LoadingData.SpinMode.Normal"></LoadingData>
    </div>
    <div class="col-4">
        <LoadingData DisplaySize="LoadingData.CtrlSize.Normal" DisplayMode="LoadingData.SpinMode.Growl"></LoadingData>
    </div>
    <div class="col-4">
        <LoadingData DisplaySize="LoadingData.CtrlSize.Normal" DisplayMode="LoadingData.SpinMode.BounceLine"></LoadingData>
    </div>
</div>
<div class="row">
    <div class="col-4">
        <LoadingData DisplaySize="LoadingData.CtrlSize.Large" DisplayMode="LoadingData.SpinMode.Normal"></LoadingData>
    </div>
    <div class="col-4">
        <LoadingData DisplaySize="LoadingData.CtrlSize.Large" DisplayMode="LoadingData.SpinMode.Growl"></LoadingData>
    </div>
    <div class="col-4">
        <LoadingData DisplaySize="LoadingData.CtrlSize.Large" DisplayMode="LoadingData.SpinMode.BounceLine"></LoadingData>
    </div>
</div>