2017-01-26 2 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 
    } 
} 
당신은 볼 수 있습니다
관련 문제