Javascript Chart.js v2覆盖绘图功能
我正在使用chart.js2.6.0,这是最新版本 我正试图覆盖条形图,以使角变圆。我发现这个脚本:而且效果很好 我创建了一个新的图形选项:“is_Curve”,因为我在同一页上有多个图形,我只想为其中一些图形创建圆角 我的问题是,如果使用以下代码,所有图表都有圆角: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.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
请看-这正是我昨天修复它的方式。谢谢