おはようございます。私は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);
}
});