既存のグラフタイプを拡張するチャートチャート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.js v2.0のとそれを使用してこだわっている

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

を使用し、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があります。