2017-01-26 4 views
1

Я хочу изменить размеры всплывающих подсказок на диаграмме. Я использовал глобальные настройки, но не работает. Подсказки на моих диаграммах слишком малы. Here is the viewДиаграмма диаграммы диаграммы диаграммы Chart.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

Вы можете увидеть [Chart JS пользовательских опции подсказки] (http://stackoverflow.com/a/39204408/2026740) –

+0

работы, спасибо! в настройках просто использовать подсказки: { bodyFontSize: 25 } – Zomfire

+0

Должно быть: Chart.defaults.global.tooltips.titleFontSize = 16; вы забыли .tooltips :) –

ответ

2

Вы можете изменить размер шрифта заголовка тоже.

options: { 
    tooltips: { 
    titleFontSize: 10, 
    bodyFontSize: 10 
    } 
} 
Смежные вопросы