2016-03-22 5 views
0

おはようございます。私はChart.jsと一緒に作業しており、素敵な棒グラフを作成するように設定しています。残念ながら、バーの上にカーソルを置いたときのデフォルトのポップアップは、バーの色とその値のみを表示します。バーの色はユーザーには役に立たない。私はポップアップにグループ内の各バーのラベルとその値を表示したいと思います。同様の並べ替え:Chart.js - ホバーポップアップ - 値付きラベルを追加する - 動作しない

最初のプロジェクト:80 セカンドプロジェクト:25 3番目のプロジェクト:64

あり、この問題についての他の記事となって、彼らは multiTooltipTemplateを使用して推奨している: "< %% = datasetLabel%>: < %% = value%> "

私は試しましたが効果がありませんでした。エラーはなく、ポップアップに変更はありません。おそらく、正しく設定されていない可能性があります。助言がありますか?

$.post(url, dataObject) 
.done(function (results) { 

    if (results.length > 0) { 

     //Build mydatasets empty array 
     var mydatasets = []; 

     //Loop through the results and build a new data array object to be added to the master data array object that will 
     //be assigned to the chart bars. 
     for (var i = 0; i < results.length; i++) { 

      var dataset = 
       { 
        label : results[i].WorkTypeName, 
        fillColor : getRandomColor(), //Found in the ChartHelpers.js file 
        data : results[i].Hours 
       } 

      mydatasets.push(dataset); 
     } 

     //Plug the data into the data structure 
     var data = { 
      labels: startdates, 
      datasets: mydatasets 
     }; 

     //Get chart context 
     var ctx = $("#myChart").get(0).getContext("2d"); 

     // This will get the first returned node in the jQuery collection and use it to create a bar chart 
     myBarChart = new Chart(ctx, { 
      options: { 
       multiTooltipTemplate : "<%%=datasetLabel%> : <%%=value%>" 
      } 
     }).Bar(data); 

    } 

}); 

答えて

0

いくつかの追加の実験で答えが見つかりました!他のフォーラム投稿は、

multiTooltipTemplate : "<%%=datasetLabel%> : <%%=value%>" 

のオプションを使用して提案されました。構文エラーメッセージが生成されました。余分な2つのパーセント記号を削除すると、ポップアップが計画どおりに表示されました。

multiTooltipTemplate : "<%=datasetLabel%> : <%=value%>" 
関連する問題