0
バーグラフの上部に値を表示したかったので、できません。私に値を示す方法はありますか?私は解決された同じ問題を探すことを試みたが、何も働かない。棒グラフ(chart.js)にデータ値を表示する方法は?
app.js
$(document).ready(function() {
$.ajax({
url: "http://172.16.13.35:8080/MonthlyMonitoring/data2.php",
method: "GET",
success: function(data2) {
console.log(data2);
var monthly = [];
var kwh = [];
for (var i in data2) {
monthly.push(data2[i].monthly);
kwh.push(data2[i].kwh);
}
var chartdata = {
labels: monthly,
datasets: [{
label: 'KWH Monthly',
backgroundColor: 'rgb(255, 158, 1)',
borderColor: 'rgba(134,159,152, 1)',
hoverBackgroundColor: 'rgba(223, 178, 82, 0.71)',
hoverBorderColor: 'rgba(230, 236, 235, 0.75)',
data: kwh
}]
};
var ctx = $("#mycanvas2");
var barGraph = new Chart(ctx, {
type: 'bar',
data: chartdata,
showTooltips: false,
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
}
}
});
},
error: function(data2) {
console.log(data2);
}
});
});
のindex.php
<div id="chart-container1">
<canvas id="mycanvas2"></canvas>
</div>