D3 График с фоном AJAX обновление: невозможно перерисовать график

Question

Я действительно новичок в D3, поэтому я пытаюсь учиться, изменяя некоторые примеры. Используя this в качестве отправной точки, ( вот рабочая ручка ) Я пытаюсь переместить иглу, извлекая данные с AJAX в фоне.

Я пытался используя этот код:

 $.ajax({
            type: "GET",
            contentType: "application/json; charset=utf-8",
            url: 'randomdata.php',
            dataType: 'json',
            async: false,
            data: "{}", 
            success: function (data) {
               var pos_data = data;
               needle.moveTo(percent);

            },
            error: function (result) {



}
    })

(со случайными данными. php просто предоставляя случайные значения от 0 до 100)

.. но я не получаю никакого движения иглы, даже просто вызывая needle.moveTo в setTimeout. Опять же, я здесь абсолютный нуб ... и я наверняка что-то упускаю. Могу ли я попросить о помощи, пожалуйста? Спасибо!

Answer 1

Добавьте

console.log(percent + ", " + typeof(percent));

к вашей функции успеха для определения значения переменной в процентах и ​​типа переменной.

В вашем коде есть проблема, поскольку в вашем примере codePen такие команды, как

needle.moveTo(0.7);
needle.moveTo("0.7");

работа. Поэтому я полагаю, что вызов функции не имеет правильного процентного значения (от 0 до 1, а не от 0 до 100) или правильного формата (точка, а не запятая и т. Д. c).

Если у вас есть значение от 0 до 100, затем просто измените вызов на

needle.moveTo((percent/100).toFixed(2));