zaccaria.majid
63 lines
1.3 KiB
Plaintext
63 lines
1.3 KiB
Plaintext
@*//Chart.razor*@
|
|
@*inject IJSRuntime JSRuntime@**@
|
|
|
|
<canvas id="@Id"></canvas>
|
|
|
|
@code {
|
|
|
|
[Inject]
|
|
private IJSRuntime JSRuntime { get; set; } = null!;
|
|
|
|
|
|
public enum ChartType
|
|
{
|
|
Pie,
|
|
Bar
|
|
}
|
|
|
|
[Parameter]
|
|
public string Id { get; set; }
|
|
|
|
[Parameter]
|
|
public ChartType Type { get; set; }
|
|
|
|
[Parameter]
|
|
public string[] Data { get; set; }
|
|
|
|
[Parameter]
|
|
public string[] BackgroundColor { get; set; }
|
|
|
|
[Parameter]
|
|
public string[] Labels { get; set; }
|
|
|
|
protected override async Task OnAfterRenderAsync(bool firstRender)
|
|
{
|
|
var config = new
|
|
{
|
|
Type = Type.ToString().ToLower(),
|
|
Options = new
|
|
{
|
|
Responsive = true,
|
|
Scales = new
|
|
{
|
|
YAxes = new[]
|
|
{
|
|
new { Ticks = new {
|
|
BeginAtZero=true
|
|
} }
|
|
}
|
|
}
|
|
},
|
|
Data = new
|
|
{
|
|
Datasets = new[]
|
|
{
|
|
new { Data = Data, BackgroundColor = BackgroundColor}
|
|
},
|
|
Labels = Labels
|
|
}
|
|
};
|
|
|
|
await JSRuntime.InvokeVoidAsync("setup", Id, config);
|
|
}
|
|
} |