console
let ctx = document.getElementById("myChart").getContext('2d');
let myChart = new Chart(ctx, {
type: 'line',
data: {
labels: ["2011年",
"2012年",
"2013年",
"2014年",
"2015年",
"2016年",
"2017年",
"2018年",
"2019年",
"2020年",
],
datasets: [{
label: '平均工资',
data: [3420,
3556,
4383,
4220,
6139,
6288,
8171,
9545,
10065,
8742,
],
backgroundColor: ['rgba(244,164,96, 0.5)'],
borderColor: ['#FF6347'],
borderWidth: 1
},
]
},
options: {
animation: {
onComplete: function () {
var chartInstance = this.chart,
ctx = chartInstance.ctx;
ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontSize, Chart.defaults.global.defaultFontStyle, Chart.defaults.global.defaultFontFamily);
ctx.fillStyle = "#FF6347";
ctx.textAlign = 'center';
ctx.textBaseline = 'bottom';
this.data.datasets.forEach(function (dataset, i) {
var meta = chartInstance.controller.getDatasetMeta(i);
meta.data.forEach(function (bar, index) {
var data = dataset.data[index];
ctx.fillText(data, bar._model.x, bar._model.y - 5);
});
});
}
}
}
});
<canvas id="myChart" width="1280" height="440" style="display: block; height: 220px; width: 640px;"></canvas>