How to make ChartJS not cut off tooltips?
<p>I am trying to figure out how to make <a href="http://www.chartjs.org/docs/" rel="nofollow noreferrer">chartjs</a> not cut off it's tooltips, but I can't seem to find a config option to fix this.</p>

<p><a href="https://i.stack.imgur.com/Knzvd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Knzvd.png" alt="enter image description here"></a></p>

<p>This is what I have tried so far:</p>

<pre><code>&lt;script&gt;
        $(document).ready(function() {


            var doughnutData = [
                {
                    value: 48.3,
                    color: "#81d7d8",
                    highlight: "#23c6c8",
                    label: "Accepted"
                },
                {
                    value: 20.7,
                    color: "#f58894",
                    highlight: "#d9534f",
                    label: "Denied"
                },
                {
                    value: 31,
                    color: "#f5c592",
                    highlight: "#f8ac59",
                    label: "Pending"
                }
            ];

            var doughnutOptions = {
                segmentShowStroke: true,
                segmentStrokeColor: "#fff",
                segmentStrokeWidth: 2,
                percentageInnerCutout: 45, // This is 0 for Pie charts
                animationSteps: 100,
                animationEasing: "easeOutBounce",
                animateRotate: true,
                animateScale: false,
                    fullWidth: true
            };

            var ctx = document.getElementById("doughnutChart").getContext("2d");
            var DoughnutChart = new Chart(ctx).Doughnut(doughnutData, doughnutOptions);



        });
    &lt;/script&gt;
</code></pre>

<p>In my HTML the respective section looks like this:</p>

<pre><code>&lt;div class="col-lg-3"&gt;
    &lt;div class="ibox float-e-margins"&gt;
        &lt;div class="ibox-content"&gt;
            &lt;canvas id="doughnutChart" width="95" height="95" style="width: 95px; height: 95px;"&gt;&lt;/canvas&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Anyone who could point me to what I am missing here?</p>