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