Chart.js where to add paddingRight property
<pre><code>var ctx = document.getElementById("canvas-chart").getContext("2d"),
                data = {
                    labels: [ "RP.800,000", "RP.400,000", "RP.200,000"],
                    datasets: [{
                            label: "",
                            data: [ "800000", "400000", "200000"],
                            borderColor: "#744c7e",
                            lineTension: 0,
                            pointBorderColor: "#bfc766",
                            pointBackgroundColor: "#bfc766"
                        }]
                };

        Chart.pluginService.register({
            beforeRender: function (chart) {
                if (chart.config.options.showAllTooltips) {
                    // create an array of tooltips
                    // we can't use the chart tooltip because there is only one tooltip per chart
                    chart.pluginTooltips = [];
                    chart.config.data.datasets.forEach(function (dataset, i) {
                        chart.getDatasetMeta(i).data.forEach(function (sector, j) {
                            chart.pluginTooltips.push(new Chart.Tooltip({
                                _chart: chart.chart,
                                _chartInstance: chart,
                                _data: chart.data,
                                _options: chart.options,
                                _active: [sector]
                            }, chart));
                        });
                    });

                    // turn off normal tooltips
                    chart.options.tooltips.enabled = false;
                }
            },
            afterDraw: function (chart, easing) {
                if (chart.config.options.showAllTooltips) {
                    // we don't want the permanent tooltips to animate, so don't do anything till the animation runs atleast once
                    if (!chart.allTooltipsOnce) {
                        if (easing !== 1)
                            return;
                        chart.allTooltipsOnce = true;
                    }

                    // turn on tooltips
                    chart.options.tooltips.enabled = true;
                    Chart.helpers.each(chart.pluginTooltips, function (tooltip) {
                        tooltip.initialize();
                        tooltip.update();
                        // we don't actually need this since we are not animating tooltips
                        tooltip.pivot();
                        tooltip.transition(easing).draw();
                    });
                    chart.options.tooltips.enabled = false;
                }
            }
        });


        var lineChart = new Chart(ctx, {
            type: 'line',
            data: data,
            options: {
                legend:
                        {
                            display: false
                        },
                elements:
                        {
                            line:
                                    {
                                        fill: false
                                    }
                        },
                showAllTooltips: true,
                scales:
                        {
                            gridLines: {
                                offsetGridLines: true
                            },
                            xAxes: [{

                                    display: false

                                }],
                            yAxes: [{
                                    display: true,
                                    ticks: {
                                        min: 100000,
                                        max: 900000,
                                        fixedStepSize: 100000,
                                        callback: function (value) {
                                            return '';
                                        }
                                    }
                                }]
                        },
                tooltips: {
                    backgroundColor: '#92b95e',
                    titleColor: '#FFF',
                    titleFontStyle: 'normal',
                    xAlign: 'bottom',
                    callbacks: {
                        label: function () {
                        }
                    }
                },
            }
        });
</code></pre>

<p><a href="https://jsfiddle.net/k4pty0ds/" rel="nofollow">https://jsfiddle.net/k4pty0ds/</a></p>

<p>As you can see, the last tooltip got cut off.</p>

<p>According to the <a href="http://www.chartjs.org/docs/#advanced-usage-writing-new-scale-types" rel="nofollow">Chart.js doc</a>, I would like to add <strong>paddingRight</strong> and I do not know how. Please help.</p>

<p>I tried adding to scales and it doesn't work.</p>

<p>When i followed the documentation and used registerScaleType also failed.</p>