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

【问题标题】：Extending Existing Chart Types angular chart js using chart js 2.0使用图表 js 2.0 扩展现有图表类型角度图表 js
【发布时间】：2016-07-28 09:57:17
【问题描述】：

我正在使用很棒的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 扩展现有图表？

任何建议或示例将不胜感激。谢谢！

【问题讨论】：

你能解决这个问题吗？我也有同样的问题。非常感谢任何帮助。

标签： angularjs chart.js angular-chart

【解决方案1】：

答案有点晚，但您可以从 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。

【讨论】：

【解决方案2】：

在折线图上试试这个：

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;

【讨论】：