javascript - 如何减少 dimple.js 中 Y 轴刻度的数量？

Question

在 dimple.js 中有没有办法，例如，将 y 轴刻度的数量减少一半，这样它就只会显示每隔一个 y 刻度而不是所有的刻度？

Answer 1

你可以在用一些 d3 绘制后修改它。这是一种方法，它将删除每第 n 个留下的标签:

// Pass in an axis object and an interval.
var cleanAxis = function (axis, oneInEvery) {
    // This should have been called after draw, otherwise do nothing
    if (axis.shapes.length > 0) {
        // Leave the first label
        var del = 0;
        // If there is an interval set
        if (oneInEvery > 1) {
            // Operate on all the axis text
            axis.shapes.selectAll("text").each(function (d) {
                // Remove all but the nth label
                if (del % oneInEvery !== 0) {
                    this.remove();
                    // Find the corresponding tick line and remove
                    axis.shapes.selectAll("line").each(function (d2) {
                        if (d === d2) {
                            this.remove();
                        }
                    });
                }
            del += 1;
            });
        }
    }
};

这是 fiddle :

http://jsfiddle.net/V3jt5/1/