将 Chart JS 2 上的条形图扩展为新型图表

我实际上正在使用 Chart JS 2.0.1 在页面上绘制图表。

我的客户要求我在条形图中添加一条线，以便他们可以看到他们不能超过的限制。像那样：y 轴上有线条的条形图 https://i.stack.imgur.com/5XJO4.png

因此，我试图将条形图扩展为一个新的条形图，它采用一个名为值线它提供了线的 y 值。

我成功地扩展了条形图，但它覆盖了页面中显示的其他条形图，而我在其他条形图中不需要它。

这是我所做的：http://jsfiddle.net/d5ye1xpe/ http://jsfiddle.net/d5ye1xpe/

我希望能够拥有这样的东西：jsfiddle.net/L3uhpvd5/（抱歉我不能上传两个以上的链接）

Chart.barWithLine(ctx,config);

但是使用 Chart JS 2.0.1 版本

Thanks,

普图尔内姆

如果这有帮助，我将 @Ptournem 答案重写为具有某种配置的有效 2.3.0 插件

Chart.plugins.register({
    config: {
        /** @type {rbg|rgba|hex}  Stroke color */
        strokeColor: "rgb(255, 0, 0)",

        /** @type {int}  Column width */
        lineWidth: 1,
    },

    afterDatasetsDraw: function(chartInstance, easing) {
        var value = chartInstance.config.lineAtValue;

        if (typeof value === 'undefined') return;

        var ctx   = chartInstance.chart.ctx,
            xaxis = chartInstance.scales['x-axis-0'],
            yaxis = chartInstance.scales['y-axis-0'];

        ctx.save();
        ctx.beginPath();
        ctx.moveTo(xaxis.left, yaxis.getPixelForValue(value));
        ctx.lineWidth   = this.config.lineWidth;
        ctx.strokeStyle = this.config.strokeColor;
        ctx.lineTo(xaxis.right, yaxis.getPixelForValue(value));
        ctx.stroke();
        ctx.restore();
    },

    // IPlugin interface
    afterDatasetsUpdate: function(chartInstance) {},
    afterDraw: function(chartInstance, easing) {},
    afterEvent: function(chartInstance, event) {},
    afterInit: function(chartInstance) {},
    afterScaleUpdate: function(chartInstance) {},
    afterUpdate: function(chartInstance) {},
    beforeRender: function(chartInstance) {},
    beforeDatasetsDraw: function(chartInstance, easing) {},
    beforeDatasetsUpdate: function(chartInstance) {},
    beforeDraw: function(chartInstance, easing) {},
    beforeEvent: function(chartInstance, event) {},
    beforeInit: function(chartInstance) {},
    beforeUpdate: function(chartInstance) {},
    destroy: function(chartInstance) {},
    resize: function(chartInstance, newChartSize) {},
});