SOURCE

console 命令行工具 X clear

                    
>
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;
                // 以下属于canvas的属性(font、fillStyle、textAlign...)
                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>

本项目引用的自定义外部资源