Question

我有一个chart.js雷达图，也有一些输入字段。我想根据用户输入更改图形中的值（点）。我更喜欢在用户输入值时更新图表。

但是另一种方法是通过单击“更新”按钮来更新图表。

在用户键入输入时更新图形的最佳方法是什么。

通过单击“更新”按钮来更新图形的最佳方法是什么？

您可以在这里查看我的代码：

这也是我的代码的重要部分：

Dim pathInfo as String

If Not File.Exists(Context.Server.MapPath(path)) Then
    Dim parts = link.Split("/") ' link contains the URI to Execute
    pathInfo = "/" + parts(parts.length - 1)

    If context.Request.PathInfo <> pathInfo Then
        context.Response.Redirect(String.Format("{0}{1}?{2}", context.Request.Path, pathInfo, context.Request.QueryString))
        Exit Sub
    End If
End If

If pathInfo IsNot Nothing Then
    link = link.replace(pathInfo, "")
End If

context.Server.Execute(link, strWriter)

Answer 1

您是否尝试过将onChange事件侦听器放入每个输入，然后定位输入的值？

<input id='user-input' onchange='checkInput()' />

checkInput = () => {
    let input = document.getElementById('user-input').value;

    updateChart(input);
}

我觉得按照这些思路行之有效。查看监视用户输入的事件侦听器。

https://www.w3schools.com/jsref/event_onchange.asp

https://www.w3schools.com/jsref/event_oninput.asp

根据用户输入修改radar chart.js中的值

1 个答案: