扩展chart.js水平条形图以包含垂直线

时间:2016-08-23 22:22:03

标签: charts html5-canvas chart.js chart.js2

我正在尝试在水平条形图的设定点添加垂直线。我发现的示例似乎不适用于charts.js 2.即使我创建了一个新的图表类型并使用了horizo​​ntalBar draw方法而没有修改,图表也不会绘制。

Chart.controllers.horizontalBarWithLine = Chart.controllers.horizontalBar.extend({
    draw: function () {
        Chart.controllers.horizontalBar.prototype.draw.apply(this, arguments);
    }
});

任何人都可以解释如何扩展此图表吗?

这是我目前的尝试:https://jsfiddle.net/dwelch/6f1gfog2/

1 个答案:

答案 0 :(得分:0)

请参阅我对这个问题的回答。我认为这就是你要找的东西:

enter image description here