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

有点迟到但您可以从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。

Answer 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;

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

2 个答案: