javascript - 反转 y 轴上的 NVD3 最大值

标签 javascript d3.js nvd3.js

我正在尝试制作一个带有倒置 y 轴的简单折线图,我确信我的问题很容易解决,但不知何故我就是无法使其工作。

我的 y 值是排名,“1”是最好的,因此它应该位于图表的顶部。

chart.yDomain([10,1]) 

完成这项工作...但将来我们可能会有此域之外的数据,我尝试直接从数据中获取最大 y 值以替换手动设置的“10”。

我玩过

d3.max(data, function(d){ return d.rank; } )

并查看了Why is domain not using d3.max(data) in D3?但无论我如何尝试,我都无法使其发挥作用。

也许有人可以帮助我?这是我第一次使用 nvd3,对它不是很熟悉。

我的 fiddle 在这里:http://jsfiddle.net/Marei/w0385jj3/

非常感谢!

最佳答案

您可以将 d3.merge.map 结合使用

d3.max(d3.merge(data.map(function(d){return d.values})), function(d) {return d.rank});

已更新fiddle .

关于javascript - 反转 y 轴上的 NVD3 最大值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34828482/

相关文章:

javascript - C3JS - 无法读取未定义的属性 'category10'

javascript - 我如何选择所有节点并对所有节点应用 css 样式,D3

javascript - NVD3怎么了?

NVD3.js:文档在哪里?需要帮助配置一些功能

javascript - 如何检查是否单击了同一图像或另一图像或图像以外的其他内容

javascript - 鼠标在 HTML 5 响应式 Canvas 中的位置

javascript - Meteor 从模式定义的表单中获取数据

javascript - 如何使用 Javascript 找出用户在我的网站上点击了 3 次

javascript - dc.js - 水平条形图/行聊天,或旋转 d3.svg?

javascript - 具有相同名称的不同父级 D3.JS