2016-06-06 2 views
1
var dmgchartt = document.getElementById("dmgchart"); 
    new Chart(dmgchartt, { 
    type: "radar", 
    data: radarChartData0, 
    options: { 
      tooltipTemplate: "<%if (label){%><%=label %>: <%}%><%= value + ' %' %>", 
       scale: { 
       ticks: { 
        beginAtZero: true 
       } 
      }, 
      title: { 
      display: true, 
      text: 'Title' 
     } 
    } 
}); 

그냥 백분율 기호없이 값을 보여줍니다. 툴팁에 값 뒤에 백분율 기호를 추가하려고했지만 작동하지 않았습니다. 또한 툴팁이 멀티 또는 싱글인지 어떻게 선택할 수 있습니까? 나는 2 개의 데이터 세트를 가지고있다.chart.js 삽화 표시에 삽화 삽입

tooltip

+0

를 사용할 필요가 코멘트에 @xnakos에 의해 제안, 오른쪽 Chart.js 2.0 사용 ? jsfiddle을 제공해 주시겠습니까? 'tooltipTemplate'은 Chart.js 1.0 용입니다. Chart.js 2.0에서는'options.tooltips.callbacks.labels'을 사용합니다. – xnakos

답변

-1

당신은 값 블록 외부 %를 넣어 시도해야합니다. 나는 이런 식으로 그것을 사용 :

tooltipTemplate: "<%= label %>: <%= value %>%", 
+0

작동하지 않았습니다. –

+0

나는 당신의'<% = value + '%'%>'을 시도했지만 나에게도 도움이되었다. if 부분과 관련이 있어야합니다. –

+0

왜 나에게 효과가 없다 : / –

8

당신이 Chart.js 2.0을 사용하는 경우는 options.tooltips.callbacks.label

var dmgchartt = document.getElementById("dmgchart"); 
new Chart(dmgchartt, { 
     type: 'radar', 
     data: data, 
     options: { 
      tooltips: { 
       mode: 'label', 
       callbacks: { 
        label: function(tooltipItem, data) { 
         return data['datasets'][0]['data'][tooltipItem['index']] + '%'; 
        } 
       } 
      }, 
      scale: { 
      ticks: { 
       beginAtZero: true 
      } 
     }, 
     title: { 
     display: true, 
     text: 'Title' 
    } 

    } 
    });