图表js如何为webAPP重写x

Question

我用图表。js，但这不是我想要的。

如何重写这个x轴或我应该改变其他js来绘制图表，演示：

Answer 1

您可以扩展图表以从x轴中删除不需要的点，如下所示（改编自https://stackoverflow.com/a/31606933/360067)

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

        if (this.options.every) {
            var every = this.options.every;
            var xLabels = this.scale.xLabels
            xLabels.forEach(function (label, i) {
                if (i % every !== 0)
                    xLabels[i] = '';
            })
        }
    }
});

你这样称呼它

var ctx = document.getElementById("chart").getContext("2d");
var myLineChart = new Chart(ctx).LineAlt(data, {
    every: 3
});

将< code>every调整为2、3、...每2个，每3个，...分。

小提琴-http://jsfiddle.net/3p2ekjyn/