如何在剃须刀页面中更新画布

时间:2020-09-18 17:09:47

标签: javascript c# canvas razor blazor

不确定我将如何执行此操作,此javasript仪表显示但未更新新的currentCount,还想知道是否有一种方法可以在c#中创建一个可以在此框架下工作的仪表

@page "/counter"

<h1>Counter</h1>

<p>Current count: @currentCount</p>

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>

@code {
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}

<canvas data-type="radial-gauge" id="moisture_g"
        data-major-ticks="0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100"
        data-title="Moisture"
        data-units="m"
        data-width="156"
        data-height="156"
        data-value-int="0"
        data-value-dec="0"
        data-min-value="0"
        data-value="{@currentCount}"
        data-highlights="false">
</canvas>

0 个答案:

没有答案