如何在Chart.js上隐藏刻度线？

Question

我试图隐藏X和Y轴上的刻度线，我用箭头标记它们......有什么想法吗？我已尽力而为但无法找到解决方案。

问题快照：

Answer 1

通过在绘制刻度线后清除刻度线，可以更轻松地完成此操作。您可以通过扩展图表来完成此操作。

预览

<强>脚本

Chart.types.Line.extend({
    name: "LineAlt",
    initialize: function () {
        Chart.types.Line.prototype.initialize.apply(this, arguments);

        var scale = this.scale;
        var originalDraw = scale.draw;
        scale.draw = function () {
            originalDraw.apply(this, arguments);
            ctx.clearRect(scale.calculateX(0), scale.endPoint, scale.width, 5);
            ctx.clearRect(scale.calculateX(0), scale.endPoint + 1, -5, -scale.height);
        }
    }
});

然后

...
new Chart(ctx).LineAlt(data);

小提琴 - http://jsfiddle.net/m9k5goaL/