Javascript Chart.js v2覆盖绘图功能

Javascript Chart.js v2覆盖绘图功能,javascript,jquery,chart.js,Javascript,Jquery,Chart.js,我正在使用chart.js2.6.0,这是最新版本 我正试图覆盖条形图,以使角变圆。我发现这个脚本:而且效果很好 我创建了一个新的图形选项:“is_Curve”,因为我在同一页上有多个图形,我只想为其中一些图形创建圆角 我的问题是,如果使用以下代码,所有图表都有圆角: Chart.elements.Rectangle.prototype.draw = function() { //code to make corners rounded } 职能: Chart.elements.Rec

我正在使用chart.js2.6.0,这是最新版本

我正试图覆盖条形图,以使角变圆。我发现这个脚本:而且效果很好

我创建了一个新的图形选项:“is_Curve”,因为我在同一页上有多个图形,我只想为其中一些图形创建圆角

我的问题是,如果使用以下代码,所有图表都有圆角:

Chart.elements.Rectangle.prototype.draw = function() {
    //code to make corners rounded
}
职能:

Chart.elements.Rectangle.prototype.draw

在所有图表上都被调用。我希望它仅在选项“is_curve”设置为true时执行。所以我试着:

Chart.elements.Rectangle.prototype.draw = function() {
    if(!this._chart.options.is_curved) {
        return;
    }
    //code to make corners rounded
}
但这仍然是错误的,因为没有将“is_curve”选项设置为true的图是空的,我猜调用.draw方法会删除所有现有功能,即使我没有为它们添加新功能


你知道如何将draw函数设置为仅适用于“is_Curve”选项设置为true的图表吗?谢谢。

更改这行代码:

var cornerRadius = 5;
var cornerRadius = this._chart.options.is_curved ? 5 : 0;
对此:

var cornerRadius = 5;
var cornerRadius = this._chart.options.is_curved ? 5 : 0;
如果任何特定图表的
<5
是弯曲的属性设置为
,则将条形图的角半径设置为
<5
,否则将设置为
<0


请看-

这正是我昨天修复它的方式。谢谢