Update Highcharts tooltip with onchange

Question

Я пытаюсь обновить точность значений в моей подсказке Highcharts на основе ввода номера в html. Я называю свою функцию JS заменой числа, но она, похоже, не работает. Вот HTML:

<div id="btnDiv"> 
     <div align="right"> 
      Display Precision (1-5)<input type="number" id="precision" min="1" max="5" value=3 onchange="updatePrecision()"> 
     </div> 
</div> 

Здесь функция:

var displayPrecision = document.getElementById("precision").value; 

function updatePrecision() { 
    displayPrecision = document.getElementById("precision").value; 
} 

Вот часть функции Highcharts, которая устанавливает всплывающую подсказку:

 tooltip: { 
      formatter: function() { 
        return '<b>'+ this.series.name +'</b><br/>'+ 
        Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) +'<br/>'+ 
        Highcharts.numberFormat(this.y, displayPrecision); 
      } 

Я знаю, что это получает начальное значение, так как оно начинается с заданной по умолчанию точности, однако при изменении значения числа оно не обновляется.

Любая помощь приветствуется.

Answer 1

изменил мою подсказку кода к этому:

  tooltip: { 
      formatter: function() { 
        return '<b>'+ this.series.name +'</b><br/>'+ 
        Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) +'<br/>'+ 
        Highcharts.numberFormat(this.y, document.getElementById("precision").value); 
      } 

и избавились от этой функции. Кажется, все работает нормально.