javascript - 如何更新剃刀页面中的画布

Question

不知道我会怎么做，这个 javasript Gauge 显示但不更新新的 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>

标签： javascriptc#canvasrazorblazor