根据动态输入值更新chart.js散列表?

时间:2019-05-25 20:53:38

标签: javascript dynamic chart.js

嘿,你们这些可爱的人!

我正在尝试基于多个动态输入值来动态更新chart.js分散图表。这些值根据用户在其他输入中键入的内容而变化。这些值应替换第二个数据集中的值,并实时更新图表。 (我试图了解如何在键盘输入/输入/更改上执行此操作。)

大多数其他类似主题尚未更新,或者没有给出答案。最接近的是以下内容:How can I add user inputted values to my chart.js line graph? 但这没有成功

$( '#mas_1,#mas_2,#mas_3,#mas_4,#mas_5' ).bind( "input keyup change", function ()
{
    var xValue = parseFloat( $( '#cen_dec' ).val() );
    var yValue = parseFloat( $( '#mas_tot' ).val() );
    myChart.data.datasets[ 1 ].data.push(
    {
        x: xValue,
        y: yValue
    } );
    myChart.update();
} );

您可以很清楚地知道我要在这里做什么:https://codepen.io/anon/pen/byMgod

在此先感谢您的帮助,但我对js还是陌生的,并且会不时迷路。

0 个答案:

没有答案