chart.js2

Solution for ChartJS 2.6.0 ꜱᴄʀɪᴘᴛ (ᴇxᴛᴇɴᴅɪɴɢ ʟɪɴᴇ ᴄʜᴀʀᴛ) Chart.defaults.LineWithLine = Chart.defaults.line; Chart.controllers.LineWithLine = Chart.controllers.line.extend({ draw: function(ease) { Chart.controllers.line.prototype.draw.call(this, ease); if (this.chart.tooltip._active && this.chart.tooltip._active.length) { var activePoint = this.chart.tooltip._active[0], ctx = this.chart.ctx, x = activePoint.tooltipPosition().x, topY = this.chart.legend.bottom, bottomY = this.chart.chartArea.bottom; // draw line ctx.save(); ctx.beginPath(); ctx.moveTo(x, topY); ctx.lineTo(x, bottomY); ctx.lineWidth = 2; ctx.strokeStyle=”#07C”; ctx.stroke(); ctx.restore(); … Read more

If you want do increase spacing in all charts you can put this code before creating : Chart.Legend.prototype.afterFit = function() { this.height = this.height + 50; }; Of course, I don’t try but i think you can change it (or copy the original Chart object before, to keep the original padding). Bye,