2017-01-26 7 views
1

私はグラフのツールチップのサイズを変更したいと思います。 グローバル設定を使用しましたが動作しません。私のチャートのツールチップが小さすぎます。 Here is the viewChart.jsドーナツチャートのツールチップサイズ?

$(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 
     } 
    }); 
}); 
+0

[チャートJSのカスタムツールチップのオプション](http://stackoverflow.com/a/39204408/2026740) –

+0

ワークス、ありがとう! {bodyFontSize:25 } – Zomfire

+0

あるべき:オプションで だけ ツールヒント使用Chart.defaults.global.tooltips.titleFontSize = 16。 .tooltips :)を忘れてしまった –

答えて

0
options: { 
    tooltips: { bodyFontSize: 20 } 
} 
2

あなたもタイトルのフォントサイズを変更することができます。

options: { 
    tooltips: { 
    titleFontSize: 10, 
    bodyFontSize: 10 
    } 
} 
あなたが表示される場合があります
関連する問題