Обновление chart.js разбросанного графика на основе динамического входного значения?

Question

Привет, милые люди!

Я пытаюсь динамически обновлять разбросанную диаграмму chart.js на основе нескольких значений динамических входов.Значения меняются в зависимости от того, что пользователь вводит в другом входе.Эти значения должны заменить значение во втором наборе данных и обновить диаграмму в режиме реального времени.(Я пытаюсь понять, как это сделать при keyup / input / change.)

Большинство других подобных тем не актуальны, или ответ не был дан.Самое близкое было бы следующее: Как я могу добавить введенные пользователем значения в мой линейный график chart.js? , но это было безуспешно

$( '#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 и время от времени теряюсь.