Chart.js圆环图工具提示大小?

问题描述 投票:4回答:3

我想在图表上调整工具提示的大小。我使用过全局设置但不起作用。我的图表上的工具提示太小了。 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
        }
    });
});
jquery tooltip chart.js
3个回答
8
投票

您也可以更改标题字体大小。

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

1
投票
options: {
     tooltips: { bodyFontSize: 20 }
}

0
投票

对我来说,这需要进入图书馆部分

{
  ...,
  library: {
    tooltips: {
      ...
    },
  },
  ...
}
© www.soinside.com 2019 - 2024. All rights reserved.