【问题标题】:(D3.js) How to invert the X-axis? From 0...10 to 10...0(D3.js) 如何反转X轴?从 0...10 到 10...0
【发布时间】:2015-06-15 08:33:10
【问题描述】:

我需要反转 X 轴以使其从最大值开始并降级到最低值。例如从 2015 年开始到 1985 年结束。

是否可以在 php 中仅对原始数据 json/array 进行排序?还是会从低到高排序?

【问题讨论】:

标签: sorting d3.js nvd3.js axis-labels


【解决方案1】:

也许这会有所帮助,reversed Y-axis D3。 您可以使用此代码来反转您的数据。将.range([0, h]); 更改为 .range([h, 0]);。此示例将有助于对数据sort 进行排序。

【讨论】:

  • 似乎至少在后端的排序没有任何区别,并且 json 数据会自动按从最小到最大的比例排列。但是,不应该有可以用反向逻辑复制的功能吗?或者我可以为 X 轴设置“自定义标签”吗?我想我可以为狗、猫和猴子制作带有 X 轴的折线图,而不仅仅是数字……我还尝试将这些值更改为 -2014,以便我可以根据需要对其进行渲染,但结果是一个损坏的图表。
  • 如果我正确理解了您的问题,您可以使用 json 中的索引对数据进行排序,也可以按字母顺序对数据进行排序。 d3javascript 没有限制。如果您的问题仍未解决,请在link 中给我们您的代码链接或编辑您的帖子并使用您的代码来帮助我们更好地理解您的问题。
  • 是的,这就是我要找的。只是不知道 D3 需要什么样的自定义才能使用自定义标签?还是在某个地方记录了 JSON 的结构? (在这种情况下,如果我将“索引”附加到 JSON 中并将当前值保留为标签)但另一方面,我意识到没有任何方法可以更新 D3 上的数据?似乎是一个脚本地狱来实现一个解决方案,我可以使用 ajax 从后端更新数据。
  • D3 非常灵活,因此您不需要保留特定的结构。您只需保留root 节点即可访问任何节点。 root 节点是 json 文件中的第一个节点。这个link 将向您展示更新 json 文件的方法。正如我之前提到的,有很多方法可以对数据进行排序,例如this
猜你喜欢
  • 2011-03-11
  • 1970-01-01
  • 2019-09-28
  • 2016-07-29
  • 2018-04-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多