jQuery Flot - 显示准确的值

标签 jquery tooltip decimal flot

我注意到 jQuery Flot 对结果进行四舍五入。但当您将鼠标悬停在工具提示中的峰值和谷值上时,我想显示结果的实际小数值。但不是 x 或 y 轴标签,而是图形结果本身。

所以我想要的不是“44”,而是“44.05”。

我能做些什么来实现这一点吗?我看到的所有内容都只是针对轴标签。

最佳答案

工具提示应该允许您执行此操作 - 看看这个 fiddle http://jsfiddle.net/Rnusy/

 var previousPoint = null;
        $("#placeholder").bind("plothover", function (event, pos, item){
            $("#x").text(pos.x.toFixed(2));
            $("#y").text(pos.y.toFixed(2));
            if (item) {
                if (previousPoint != item.dataIndex){
                    previousPoint = item.dataIndex;

                    $("#tooltip").remove();
                    var x = item.datapoint[0].toFixed(2),
                        y = item.datapoint[1].toFixed(2);

                        showTooltip(item.pageX, item.pageY, y);
                                                    }
                    }
                else {
                    $("#tooltip").remove();
                    previousPoint = null;
                    }

            });

关于jQuery Flot - 显示准确的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15961948/

相关文章:

javascript - 查询 |单击 | 添加/删除类最佳实践

jquery - 删除点击时的 Jquery 函数

C++:将十六进制转换为十进制

sql-server - SQL 返回月薪而不是年薪并四舍五入到小数点后两位

javascript - Object.keys 及其值的数组循环

javascript - 使用一个匿名函数绑定(bind)到就绪事件和另一个事件

java - 从另一个方法运行方法 - Java

javascript - 工具提示字符限制 -title 属性

objective-c - 向 View 添加许多工具提示时出现问题

c - 指针地址算术和十六进制/十进制转换