如何在人力车中将 y 轴设置为固定范围？答案

【问题标题】：How to set y-axis to fixed range in rickshaw?如何在人力车中将 y 轴设置为固定范围？
【发布时间】：2013-08-19 22:11:14
【问题描述】：

我的数据大部分值都在 41-44 范围内，但偶尔会有 150-350 的峰值，因此 y 轴会自动缩放到 0-350，图表根本无法阅读。

如何设置 y 轴的固定最小值和最大值？我知道有些值会“高于”图表，但这不是问题。

Here is my chart

编辑： 或者，我想启用此图表的放大功能，这样会更好，知道如何执行此操作吗？

EDIT2： 或者您可以推荐其他具有启用/禁用线条、缩放和平移功能的简单图表库？

【问题讨论】：

标签： javascript d3.js rickshaw

【解决方案1】：

我多次偶然发现这个问题寻找解决方案，Rickshaw 现在通过在图形构造函数中设置min 和max 来支持这个问题：https://github.com/shutterstock/rickshaw#rickshawgraph

【讨论】：

【解决方案2】：

您可以尝试使用缩放的 Y 轴（参见scaled.html 中的示例）。确保在系列对象以及 Y 轴上设置比例：

var scale = d3.scale.linear().domain([41, 44]).nice();
graph = new Rickshaw.Graph({
    ...
    series: [{
        ...
        scale: scale
    }]
});
new Rickshaw.Graph.Axis.Y.Scaled({
    graph: graph,
    ...
    scale: scale
});

我没有尝试用 Rickshaw 进行缩放，但是如果您提供一种方法让用户控制缩放系数，我认为您可以更改缩放中的域并调用 graph.update()。

【讨论】：

【解决方案3】：

我使用了 Giraffe - https://github.com/kenhub/giraffe，它扩展/构建在人力车之上。有了它，您可以为图表设置“最小值”和“最大值”来设置比例。由于长颈鹿在下面使用人力车，所以人力车上应该有类似的东西。

【讨论】：