2016-12-28 118 views
1

我正在使用angular-chart.js繪製一些圖表。我們現在知道chart.js支持堆疊條形圖。但我還沒有找到如何顯示每個欄中的數字,如下所示: enter image description here 從上面的圖片我們可以看到每個欄上都有編號。有誰知道如何在angular-chart.js中實現?angular-chart.js:如何在堆疊條形圖的每個條中顯示數字

+0

如果您添加您實現幾行代碼,這將是有益 –

回答

0

你可以做到這一點,它會顯示一個提示,

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

+0

其實我需要顯示因爲我需要將圖表導出爲pdf格式,因此請在該欄上輸入數字。 – ahwyX100

相關問題