扩展现有的图表类型角度图表js使用图表js 2.0

Question

为了达到兼容性目的，我使用了很棒的chart.js （版本：2.0.2）和angular-chart.js（版本：1.0.0-beta1）。我想添加许多功能到我的项目中（如adding a horizontal line to a chart或rounded corners bar chart）。所有论文解决方案使用

Chart.types.[typeOftheChartToExtend].extend({..}). 

我坚持使用它与chart.js之V2.0，该doc不是很清楚。如何使用chart.js v2.0扩展现有图表？

任何意见或例子，将不胜感激。谢谢！

Answer 1

试试这个折线图：

var originalLineController = Chart.controllers.line; 
Chart.controllers.line = Chart.controllers.line.extend({ 
    draw: function() { 
     originalLineController.prototype.draw.apply(this, arguments); 
     /* own drawing code here */ 
    } 
} 

你可以得到与上下文：

var ctx = this.chart.chart.ctx; 

Answer 2

有点晚了答案，但可以延长元件的形状，而不是类型具体图表，从v2开始。

例如，

Chart.elements.Rectangle.prototype.draw = function() { 
    // Do your draw thingy. 
} 

有an issue regarding this one at the official Github repo也a great example of implementing it。