docs: function() {
  			var me = this,
  				ctx = me.ctx,
  				valueOrDefault = helpers.getValueOrDefault,
  				opts = me.options,
  				globalDefaults = Chart.defaults.global;
  
  			if (opts.display) {
  				var fontSize = valueOrDefault(opts.fontSize, globalDefaults.defaultFontSize),
  					fontStyle = valueOrDefault(opts.fontStyle, globalDefaults.defaultFontStyle),
  					fontFamily = valueOrDefault(opts.fontFamily, globalDefaults.defaultFontFamily),
  					titleFont = helpers.fontString(fontSize, fontStyle, fontFamily),
  					rotation = 0,
  					titleX,
  					titleY,
  					top = me.top,
  					left = me.left,
  					bottom = me.bottom,
  					right = me.right,
  					maxWidth;
  
  				ctx.fillStyle = valueOrDefault(opts.fontColor, globalDefaults.defaultFontColor); // render in correct colour
  				ctx.font = titleFont;
  
  				// Horizontal
  				if (me.isHorizontal()) {
  					titleX = left + ((right - left) / 2); // midpoint of the width
  					titleY = top + ((bottom - top) / 2); // midpoint of the height
  					maxWidth = right - left;
  				} else {
  					titleX = opts.position === 'left' ? left + (fontSize / 2) : right - (fontSize / 2);
  					titleY = top + ((bottom - top) / 2);
  					maxWidth = bottom - top;
  					rotation = Math.PI * (opts.position === 'left' ? -0.5 : 0.5);
  				}
  
  				ctx.save();
  				ctx.translate(titleX, titleY);
  				ctx.rotate(rotation);
  				ctx.textAlign = 'center';
  				ctx.textBaseline = 'middle';
  				ctx.fillText(opts.text, 0, 0, maxWidth);
  				ctx.restore();
  			}
  		}