You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
23 lines
953 B
23 lines
953 B
2 years ago
|
@namespace Connected.Components
|
||
|
|
@using System.Globalization
|
||
|
|
@inherits Chart
|
||
|
|
|
||
|
|
<svg @attributes="UserAttributes" class="mud-chart-donut" width="@ParentWidth" height="@ParentHeight" viewBox="0 0 42 42">
|
||
|
|
<Filters />
|
||
|
|
<circle class="mud-donut-ring" cx="21" cy="21" r="15.91549430918954"></circle>
|
||
|
|
@foreach (var item in _circles.ToList())
|
||
|
|
{
|
||
|
|
<circle class="mud-chart-serie mud-donut-segment" @onclick="() => SelectedIndex = item.Index" stroke="@(ChartParent.ChartOptions.ChartPalette.GetValue(item.Index % ChartOptions.ChartPalette.Count()))"
|
||
|
|
cx="@ToS(item.CX)"
|
||
|
|
cy="@ToS(item.CY)"
|
||
|
|
r="@ToS(item.Radius)"
|
||
|
|
stroke-dasharray="@item.StrokeDashArray"
|
||
|
|
stroke-dashoffset="@ToS(item.StrokeDashOffset)">
|
||
|
|
</circle>
|
||
|
|
}
|
||
|
|
<circle class="mud-donut-hole" cx="21" cy="21" r="13.4"></circle>
|
||
|
|
|
||
|
|
@ChartParent?.CustomGraphics
|
||
|
|
</svg>
|
||
|
|
<Legend Data="@_legends" />
|