1

我正在用 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>
4

1 回答 1

2

对此没有内置支持(您应该在问题 368 上加注星标)。但是你可以通过定义一个axisValueFormatter来模拟它,它返回非整数的空字符串:

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

功能齐全的演示在这里

于 2013-09-25T19:34:52.923 回答