MindWorkAI/AI-Studio
MindWorkAI/AI-Studio
1
0
Fork 0
mirror of https://github.com/MindWorkAI/AI-Studio.git synced 2026-08-11 19:32:10 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

applied styles to the ChartBlock.razor

Browse Source
This commit is contained in:
krut_ni 2026-08-04 19:26:49 +02:00
parent cd14f1d167
commit cfe117a62a
No known key found for this signature in database
GPG Key ID: A5C0151B4DDB172C
2 changed files with 43 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
app/MindWork AI Studio/Chat/ChartBlock.razor
View File

@ -4,36 +4,40 @@
@if (this.Result.Chart is { } chart)
{
<MudPaper Class="pa-4 my-3" Outlined="false" Elevation="4">
<MudText Typo="Typo.h6" Class="mb-3">@chart.Title</MudText>
<div class="chart-block-shell my-3">
<MudPaper Class="chart-block" Outlined="true">
<MudText Typo="Typo.h6" Class="chart-block-title">@chart.Title</MudText>
@if (chart.Type is ChartDefinitionType.PIE or ChartDefinitionType.DONUT)
{
<div class="d-flex justify-center">
<div class="chart-block-plot chart-block-plot-circular">
<MudChart ChartType="@this.ChartType"
InputData="@chart.Series[0].Values.ToArray()"
InputLabels="@chart.Categories.ToArray()"
Width="50%"
ChartOptions="@this.ChartOptions"
Width="100%"
Height="200px" />
</div>
}
else
{
<div class="d-flex justify-center">
<div class="chart-block-plot chart-block-plot-axis">
<MudChart ChartType="@this.ChartType"
ChartSeries="@this.ChartSeries"
XAxisLabels="@chart.Categories.ToArray()"
ChartOptions="@this.ChartOptions"
AxisChartOptions="@this.AxisChartOptions"
Width="75%"
Width="100%"
Height="350px" />
</div>
}
@if (chart.Caption is not null)
{
<MudText Typo="Typo.caption" Align="Align.Center" Class="d-block">
<MudText Typo="Typo.caption" Align="Align.Center" Class="chart-block-caption d-block">
<em>@chart.Caption</em>
</MudText>
}
</MudPaper>
</div>
}
else
{

9
app/MindWork AI Studio/Chat/ChartBlock.razor.cs
View File

@ -7,6 +7,15 @@ public partial class ChartBlock : MSGComponentBase
{
private AxisChartOptions AxisChartOptions { get; } = new() { MatchBoundsToSize = true };
private ChartOptions ChartOptions { get; } = new()
{
ChartPalette =
[
"#236A50", "#F2D264", "#79AE90", "#C97857", "#4E7894", "#9B6B8F",
"#6A233D", "#6484F2", "#AE7997", "#57A8C9", "#946A4E", "#6B9B77",
],
};
[Parameter]
public ChartBlockParseResult Result { get; set; } = ChartBlockParseResult.Invalid(string.Empty, string.Empty);