我正在尝试根据 html 中输入的数字来更新 Highcharts 工具提示中值的精度。我调用我的 JS 函数 onchange of the number,但它似乎不起作用。这是 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);
}
我知道它正在获取初始值,因为它确实以默认精度开始,但是,当我更改数值时它不会更新。
感谢任何帮助。
最佳答案
将我的工具提示代码更改为:
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);
}
并删除了该功能。看起来效果很好。
关于javascript - 使用 onchange 更新 Highcharts 工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17126857/