Keith Wood 的 jQuery SVG 插件无法正确显示 Y 轴
我将 Y 轴最大值设置为 1,最小值设置为 0,刻度设置为 0.1。该图表显示为 0、0.1、0.2、0.30000000000004、0.4 等。我在这里的意思是它不能正确显示 0.3 以及类似样式的其他一些值。但是一旦我将刻度设置为大于 0.2,它将正确显示所有内容。那么其他人也遇到过同样的问题还是只是我自己做错了什么?
谢谢。
I set my Y axis max as 1, min as 0 and tick as 0.1. The graph displays as 0, 0.1, 0.2, 0.30000000000004, 0.4 etc. What I mean here is that it does not display 0.3 properly and also some other values in a the similar style. But once I set the tick to more than 0.2, it will display everything properly. So anyone else have experienced the same problem or just myself doing something wrong?
Thanks.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
其实我自己也想出来了。
在插件附带的 jquery.svggraph.js 文件中,第 493 行,它将刻度值添加到先前的值,因此在我的例子中,先前的值是 0.2,当它添加 0.1 时,结果变为 0.3000000004。我不知道它为什么这样做,也许它将值存储为浮点数。我解决这个问题的方法是在第498行下添加major = Math.round(major * 100) / 100。希望这可以帮助其他遇到与我相同问题的人。
I actually figured it out myself.
In the jquery.svggraph.js file which comes with the plugin, line 493, it adds the tick value to the previous value, so in my case the previous value was 0.2 when it adds 0.1 to it, the result becomes 0.3000000004. I don't know why it does that, maybe it stores the value as float number. What I did to solve this is to add major = Math.round( major * 100 ) / 100 under line 498. Hope this might help someone else who had same problem as I did.