chart.js 显示具体数值

Question

用chart.js
rt，现在是

想达到的效果如下，在每个条柱上都显示具体的数值。 怎么搞？

Answer 1

options 中加入

"animation": {
      "duration": 1,
      "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.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);
          });
        });
      }
    },

chartjs 版本要2.5以上

参考链接

Answer 2

      options: {
        animation: {
          duration: 2000,
          onComplete: function() {
            var chart = this.chart;
            var ctx = chart.ctx;

            this.data.datasets.forEach(function(dataset, i) {
              var meta = chart.controller.getDatasetMeta(i);
              if (!meta.hidden) {
                meta.data.forEach(function(element, index) {
                  // Draw the text in black, with the specified font
                  ctx.fillStyle = layoutColors.defaultText;
                  var fontSize = 16;
                  ctx.font = Chart.helpers.fontString(fontSize, 'normal', 'Helvetica Neue');

                  // Just naively convert to string for now
                  var dataString = dataset.data[index].toString();

                  // Make sure alignment settings are correct
                  ctx.textAlign = 'center';
                  ctx.textBaseline = 'middle';

                  var padding = 5;
                  var position = element.tooltipPosition();
                  ctx.fillText(dataString, position.x, position.y - (fontSize / 2) - padding);
                });
              }
            });
          }
        }
      }

Answer 3

请问您如何解决的啊