angular-chart.js: как показать числа в каждом столбце уложенной гистограммы

Question

Я использую angular-chart.js для рисования некоторых диаграмм. Теперь мы знаем, что chart.js поддерживает сложную гистограмму. Но я не нашел, как показывать числа в каждом баре, как показано ниже: Сверху рис. Мы видим, что на каждом баре есть номер на нем. Кто-нибудь знает, как реализовать это в angular-chart.js?

Answer 1

Вы можете сделать это, он будет отображаться в виде всплывающей подсказки,

ctrl.socialChart = { 
     options : { 
     scales: { 
      xAxes: [{ 
      stacked: true, 
      }], 
      yAxes: [{ 
      stacked: true 
      }] 
     } 
     }, 
     type: 'StackedBar', 
     labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'], 
     series: ['FACEBOOK', 'GOOGLE', 'TWITTER', 'INSTAGRAM'], 
     colors: ['#ED402A', '#F0AB05', '#A0B421', '#00A39F'], 
     data : [ 
     [65, 59, 90, 81, 56, 55, 40], 
     [28, 48, 40, 19, 96, 27, 100] 
    ] 
    } 

DEMO