HTML 태그 chart.js의 기본 툴팁 레이블에 가능

Question

라벨에 기본 tooltip에 HTML 태그를 추가해야 당신이 어떤 스타일을 제공하거나의 글꼴 크기를 늘릴 것을 볼 수 있습니다 무엇 callback function

tooltips: { 
    callbacks: { 
     label: function(tooltipItem, data) { 
      return "<h1>Daily Ticket Sales</h1> </br> $" + tooltipItem.yLabel; 
     }, 
    } 
} 

Answer 1

'일일 티켓 판매'. 한 가지 할 수있는 것은 제목 콜백에 제목을 넣고 툴팁 속성을 통해 제목 스타일을 변경하는 것입니다.
[샘플 코드는]

options: { 
      tooltips: { 
       titleFontSize : 24, 
       callbacks: { 
        title: function(tooltipItems, data) { 
         return 'Daily Ticket Sales'; 
        }, 
        label: function(tooltipItem, data) { 
         return '$'+tooltipItem.yLabel; 
        } 
       } 
      } 
     } 

지금 당신은 H1의 모양을주고 시작합니다, 나는 그래서 24가에 제목 글꼴 크기를 설정하십시오. 다음은 툴팁 제목으로 설정 한 속성입니다.

titleFontStyle 
titleSpacing 
titleMarginBottom 
titleFontColor 
titleAlign