Question

我正在尝试根据html中的数字输入更新my Highcharts工具提示中的值的精度。我调用我的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);
            }

并摆脱了这个功能。似乎工作得很好。

使用onchange更新Highcharts工具提示

1 个答案: