mirror of
https://github.com/radzenhq/radzen-blazor.git
synced 2026-07-08 18:16:08 +00:00
50 lines
2.6 KiB
Plaintext
50 lines
2.6 KiB
Plaintext
<RadzenStack class="rz-p-0 rz-p-md-6 rz-p-lg-12">
|
|
<RadzenRow>
|
|
<RadzenColumn Size="12">
|
|
<RadzenChart Animate="true">
|
|
<RadzenBoxPlotSeries Data="@data" CategoryProperty="Month"
|
|
LowerWhiskerProperty="Min" LowerQuartileProperty="Q1"
|
|
MedianProperty="Median" UpperQuartileProperty="Q3"
|
|
UpperWhiskerProperty="Max" MeanProperty="Mean"
|
|
Title="Temperature" ShowMean="true" />
|
|
<RadzenCategoryAxis>
|
|
<RadzenGridLines Visible="true" />
|
|
</RadzenCategoryAxis>
|
|
<RadzenValueAxis>
|
|
<RadzenGridLines Visible="true" />
|
|
<RadzenAxisTitle Text="Temperature (°C)" />
|
|
</RadzenValueAxis>
|
|
</RadzenChart>
|
|
</RadzenColumn>
|
|
</RadzenRow>
|
|
</RadzenStack>
|
|
|
|
@code {
|
|
class TemperatureStats
|
|
{
|
|
public string Month { get; set; } = "";
|
|
public double Min { get; set; }
|
|
public double Q1 { get; set; }
|
|
public double Median { get; set; }
|
|
public double Q3 { get; set; }
|
|
public double Max { get; set; }
|
|
public double Mean { get; set; }
|
|
}
|
|
|
|
TemperatureStats[] data = new TemperatureStats[]
|
|
{
|
|
new TemperatureStats { Month = "Jan", Min = -5, Q1 = -1, Median = 2, Q3 = 5, Max = 10, Mean = 2.3 },
|
|
new TemperatureStats { Month = "Feb", Min = -3, Q1 = 0, Median = 3, Q3 = 7, Max = 12, Mean = 3.5 },
|
|
new TemperatureStats { Month = "Mar", Min = 1, Q1 = 5, Median = 9, Q3 = 13, Max = 18, Mean = 9.2 },
|
|
new TemperatureStats { Month = "Apr", Min = 5, Q1 = 9, Median = 13, Q3 = 17, Max = 22, Mean = 13.1 },
|
|
new TemperatureStats { Month = "May", Min = 10, Q1 = 14, Median = 18, Q3 = 22, Max = 28, Mean = 18.4 },
|
|
new TemperatureStats { Month = "Jun", Min = 15, Q1 = 19, Median = 23, Q3 = 27, Max = 33, Mean = 23.2 },
|
|
new TemperatureStats { Month = "Jul", Min = 18, Q1 = 22, Median = 26, Q3 = 30, Max = 36, Mean = 26.1 },
|
|
new TemperatureStats { Month = "Aug", Min = 17, Q1 = 21, Median = 25, Q3 = 29, Max = 35, Mean = 25.3 },
|
|
new TemperatureStats { Month = "Sep", Min = 12, Q1 = 16, Median = 20, Q3 = 24, Max = 30, Mean = 20.5 },
|
|
new TemperatureStats { Month = "Oct", Min = 6, Q1 = 10, Median = 14, Q3 = 18, Max = 23, Mean = 14.0 },
|
|
new TemperatureStats { Month = "Nov", Min = 1, Q1 = 4, Median = 8, Q3 = 12, Max = 17, Mean = 8.1 },
|
|
new TemperatureStats { Month = "Dec", Min = -4, Q1 = 0, Median = 3, Q3 = 6, Max = 11, Mean = 3.0 },
|
|
};
|
|
}
|