Chart.js doughnut chart tooltip size?

Question

i'm want to resize tooltips on chart. I've used global settings but doesn't work. Tooltips on my charts are too small. Here is the view

$(document).ready(function () {
    // Chart options
    Chart.defaults.global.legend.display = false;
    Chart.defaults.global.titleFontSize = 20;
    var ctx = document.getElementById("Chart1");
    var myChart = new Chart(ctx, {
        type: 'doughnut',
        data: {
            labels: [
                "Produkty",
                ""
            ],
            datasets: [
            {
                data: <?=json_encode(array_values($values));?>,
                backgroundColor: [
                    "#2ecc71",
                    "#3498db"
                ],
                hoverBackgroundColor: [
                    "#27ae60",
                    "#2980b9"
                ]
            }]
        },
        options: {
            cutoutPercentage: 80
        }
    });
});

You might see [Chart JS custom tooltip option](http://stackoverflow.com/a/39204408/2026740) — Daniel Corzo, Jan 26 '17 at 15:13
Works, thanks! in options just use tooltips: { bodyFontSize: 25 } — Zomfire, Jan 26 '17 at 15:26
Should be: Chart.defaults.global.tooltips.titleFontSize = 16; you forgot the .tooltips :) — Tom Glover, Jan 26 '17 at 15:38

score 17 · Answer 1 · edited Nov 01 '17 at 19:54

17

You can change the title font size too.

options: {
  tooltips: {
    titleFontSize: 10,
    bodyFontSize: 10
  }
}

edited Nov 01 '17 at 19:54

Sergey Sklyar

1,902
1
15
27

answered Nov 01 '17 at 19:22

tiagorockman

341
2
6

score 1 · Answer 2 · edited Aug 03 '17 at 15:11

1

options: {
     tooltips: { bodyFontSize: 20 }
}

edited Aug 03 '17 at 15:11

Paul Roub

36,322
27
84
93

answered Aug 03 '17 at 15:09

Gobinathan

11
1

score 0 · Answer 3 · answered Feb 13 '19 at 16:32

0

For me this was required to go in the library section

{
  ...,
  library: {
    tooltips: {
      ...
    },
  },
  ...
}

answered Feb 13 '19 at 16:32

Int'l Man Of Coding Mystery

1,632
2
14
29

Chart.js doughnut chart tooltip size?

3 Answers3