javascript - 如何在对数刻度上显示等于零的数据?

标签 javascript charts google-visualization

我正在做什么

我想用图表显示一段时间内降雨强度的数据。我从中获取此数据的 API 文档内容如下:

A very rough guide is that a value of 0 in./hr. corresponds to no precipitation, 0.002 in./hr. corresponds to very light precipitation, 0.017 in./hr. corresponds to light precipitation, 0.1 in./hr. corresponds to moderate precipitation, and 0.4 in./hr. corresponds to heavy precipitation.

因此,对大多数数据使用对数刻度似乎是合乎逻辑的(否则,小于中雨的所有情况都将难以察觉),但这显然会在没有预测降雨时导致问题。

可能的解决方案

this的答案问题建议向数据中添加少量内容并修改工具提示以匹配原始数据。

问题

这会很好地工作,但我不知道如何修改 Google Chart(我正在使用的图表工具)的工具提示引用的数据。

Google Chart 帮助文档 herehere描述图表数据表中的列可以扮演的几种可能的 Angular 色,其中之一是在工具提示中呈现的 HTML。然而,我真的希望不必为此重写 HTML。这里有人知道修改工具提示中显示的数据的简单方法吗?

最佳答案

您提供的第二个链接为您提供了修改工具提示内容的最简单方法,Link 。只需添加另一列,如 dataTable.addColumn({type: 'string', role: 'tooltip'});然后提供您自己的工具提示,例如循环遍历所有行并检查零值并在需要时替换工具提示。

关于javascript - 如何在对数刻度上显示等于零的数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30220487/

相关文章:

javascript - 证明 hashbang URL 的 noscript 网站内容

javascript - 按周添加日期会产生错误的日​​期。为什么会这样?

javascript - 当react native出现这个错误时: transformClassesWithDexBuilderForDebug?

javascript - salesforce 的分析使用什么图表 js 库?

charts - 谷歌图表改变背景颜色

python - 谷歌图表输入数据

带有 POST 数据的 Javascript XMLHttpRequest 上传文件

c# - 默认情况下存在 WPF 图表控件,还是必须进行外部下载?

javascript - 尝试更新 chart.js 上的背景颜色

javascript - 谷歌图表 interpolateNulls 不工作