34 lines
2.2 KiB
Plaintext
34 lines
2.2 KiB
Plaintext
|
|
<svg viewBox="0 0 @vBox.Width @vBox.Height" xmlns="http://www.w3.org/2000/svg">
|
|
|
|
@if (ItemMode == ColType.labelStart)
|
|
{
|
|
<rect x="1" y="1" width="@(vBox.Width-2)" height="@(vBox.Height-2)" stroke="black" fill="transparent" stroke-width=".75" />
|
|
|
|
<circle cx="@(vBox.Width/2)" cy="@(vBox.Height/10)" r="10" fill="none" stroke="rgba(128,230,150, 0.6)" stroke-width="4" stroke-linecap="round" stroke-dasharray="calc(10 * 6.28 * 30 / 100) calc(10 * 6.28 * (100 - 30) / 100)" />
|
|
}
|
|
else if (ItemMode == ColType.labelEnd)
|
|
{
|
|
<rect x="1" y="1" width="@(vBox.Width-2)" height="@(vBox.Height-2)" stroke="yellow" fill="transparent" stroke-width=".75" />
|
|
<circle cx="@(vBox.Width/2)" cy="@(vBox.Height/10)" r="10" fill="none" stroke="rgba(230,128,150, 0.6)" stroke-width="4" stroke-linecap="round" stroke-dasharray="calc(10 * 6.28 * 30 / 100) calc(10 * 6.28 * (100- 30) / 100)" />
|
|
}
|
|
else
|
|
{
|
|
<rect x="1" y="1" width="@(vBox.Width-2)" height="@(vBox.Height-2)" stroke="green" fill="transparent" stroke-width=".5" />
|
|
<circle cx="@(vBox.Width/2)" cy="@(vBox.Height/10)" r="10" fill="none" stroke="rgba(230,150,128, 0.6)" stroke-width="4" stroke-linecap="round" stroke-dasharray="calc(10 * 6.28 * 30 / 100) calc(10 * 6.28 * (100- 30) / 100)" />
|
|
}
|
|
</svg>
|
|
|
|
|
|
|
|
@* <circle cx="100" cy="100" r="@innRad" fill="none" stroke="rgba(189, 195, 199, 0.5)" stroke-width="@sWidth" />
|
|
<circle cx="100" cy="100" r="@innRad" fill="none" stroke="@strokeColorVal" stroke-width="@sWidth" stroke-linecap="round" stroke-dasharray="calc(@innRad * 6.28 * @valInner / @maxVal) calc(@innRad * 6.28 * (@maxVal - @valInner) / @maxVal)" />
|
|
<g transform="translate(100,100)">
|
|
<text id="TitleElem" style="@StyleTitolo" x="0" y="0">@Titolo</text>
|
|
<text x="0" y="30" style="@StyleTesto">@Testo</text>
|
|
</g>
|
|
@if (showOuter)
|
|
{
|
|
<circle cx="100" cy="100" r="@outRad" fill=none stroke="rgba(189, 195, 199, 0.5)" class="bg-opacity-25" stroke-width="@sWidth" />
|
|
<circle cx="100" cy="100" r="@outRad" fill=none stroke="@strokeColorVal" stroke-width="@sWidth" stroke-linecap="round" stroke-dasharray="calc(@outRad * 6.28 * @valOuter / @maxVal) calc(@outRad * 6.28 * (@maxVal - @valOuter) / @maxVal)" />
|
|
}*@ |