chart.jsのツールチップにテキストまたはシンボルを追加する方法

chart.jsのツールチップに％記号を追加しますか？質問は2.xのについて尋ねることになりそうだ一方chart.jsのツールチップにテキストまたはシンボルを追加する方法

var chart = new chart(ctx,{ 
    type:'bar', 
    data : data 
});

出典

2017-09-20 vedika shrivas

options : { 
     tooltips: { 
        enabled: true, 
        mode: 'single', 
        callbacks: { 
          label: function (tooltipItems, data) { 
           return tooltipItems.yLabel + " %"; 
          } 
        } 
     }

出典

2017-09-20 09:13:24

、これはChartjs 1.xのための例のように見えるこの

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <title></title> 
 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.js"></script> 
 
</head> 
 
<body> 
 
<canvas id="myChart" width="600" height="400"></canvas> 
 

 
    <script type="text/javascript"> 
 
     var data = { 
 
    labels: ["January", "February", "March", "April", "May", "June", "July"], 
 
    datasets: [{ 
 
     label: "First dataset", 
 
     fillColor: "rgba(220,220,220,0.2)", 
 
     strokeColor: "rgba(220,20,20,1)", 
 
     pointColor: "rgba(220,20,20,1)", 
 
     pointStrokeColor: "#fff", 
 
     pointHighlightFill: "#fff", 
 
     pointHighlightStroke: "rgba(220,220,220,1)", 
 
     data: [65, 59, 80, 81, 56, 55, 90] 
 
    }, { 
 
     label: "Third dataset", 
 
     fillColor: "rgba(151,187,205,0.2)", 
 
     strokeColor: "rgba(15,187,25,1)", 
 
     pointColor: "rgba(15,187,25,1)", 
 
     pointStrokeColor: "#fff", 
 
     pointHighlightFill: "#fff", 
 
     pointHighlightStroke: "rgba(151,187,205,1)", 
 
     data: [38, 55, 50, 65, 35, 67, 54] 
 
    }] 
 
}; 
 

 
var options = { 
 
    // String - Template string for single tooltips 
 
    tooltipTemplate: "<%if (label){%><%=label %>: <%}%><%= value + ' %' %>", 
 
    // String - Template string for multiple tooltips 
 
    multiTooltipTemplate: "<%= value + ' %' %>", 
 
}; 
 

 
var ctx = document.getElementById("myChart").getContext("2d"); 
 

 
var myLineChart = new Chart(ctx).Line(data, options); 
 
    </script> 
 
</body> 
 
</html>

出典

2017-09-20 09:16:59

を試してみてください（に基づきます彼らが示す構造） – Quince

私はchart.jsの知識があまりありません。だから私は私のコードアプリケーションで使用したので、私はここにそのコードを入れます。 :) –

これは問題ありません。この場合、あなたの答えはエラーになり、質問には答えられません。 – Quince

chart.jsのツールチップにテキストまたはシンボルを追加する方法

答えて

関連する問題