Question

我正在用Dygraphs构建一个线性图。我在x轴上有“1 2 3 4”，在y轴上有“12,55,23,18”。当我绘制图表时，勾号具有中间数字。

例如在1和2之间，我可以在x轴上看到1.5。我想要准确的间隔，因为我指定为1增量。有没有办法解决这个问题？如何在Dygraph中做到这一点？这是一个例子：

    <html>
<head>
<script type="text/javascript"
  src="dygraph-combined.js"></script>
</head>
<body>
<div id="graphdiv"></div>
<script type="text/javascript">
  g = new Dygraph(

    // containing div
    document.getElementById("graphdiv"),
    // CSV or path to a CSV file.
    ("Response Time,Loop\n" +
    "01,175\n" +
    "02,170\n" +
    "03,180\n" +
    "04,177\n" +
    "05,179\n"+
    "06,165\n")
  );
</script>
</body>
</html>

Answer 1

没有内置支持（你应该加注星标issue 368）。但你可以通过定义一个axisValueFormatter来模拟它，它返回非整数的空字符串：

axes: {
    x: {
        axisLabelFormatter: function(num, gran, opts, g) {
            if (num == Math.floor(num)) {
                return Dygraph.numberAxisLabelFormatter(num, gran, opts, g);
            } else {
                return '';
            }
        }
    }
}

功能齐全的演示here。

Dygraphs“x轴”具有中间范围

1 个答案: