在包含柱和线的混合图表中，如何在两个方向上将线延伸到图表之外？

Question

我有这张图表，其中有折线图和条形图：

是否有可能以某种方式在两个方向上将线延伸到图表之外？这条线起着重要的作用，它有点像条的 "limit"，我只是不想让它从第一个条的中心开始，并在最后一个条的中心结束。

我可以通过简单地扩展线的数据集来将它扩展到右边，但是是否有可能以某种方式将它也扩展到左边？

Answer 1

我根据这个问题的答案得出了答案：

我正在像这样扩展线型：

Chart.controllers.LineNoOffset = Chart.controllers.line.extend({
    updateElement: function(point, index, reset) {
        Chart.controllers.line.prototype.updateElement.call(this, point, index, reset);
        const meta = this.getMeta();
        const xScale = this.getScaleForId(meta.xAxisID);
        point._model.x = xScale.getPixelForValue(undefined, index-0.5);
    },
});

现在 LineNoOffset 类型的线将从图表的左边框开始，这满足了我的需要。

在包含柱和线的混合图表中，如何在两个方向上将线延伸到图表之外？

In mixed chart containing bars and a line, how to extend the line outside of the chart in both directions?

chart.js2