chartjs在餅圖上顯示值

Question

我正在使用chartjs，並試圖將數據對象中的數據數組的值添加到圖表中。 我的意思是，如果數據數組看起來像[1,4,5]那么在相關部分的餅圖上會顯示該值。 所以在這種情況下，最大的'餡餅'應該有數字6.目前它只顯示你將鼠標懸停在餡餅上時的數字。

我希望這是有道理的。 請參閱下面的代碼。

 var ctx = document.getElementById("myChart"); var myChart = new Chart(ctx, { type: 'pie', data: { labels: ['a', 'b', 'c'], datasets: [{ label: '# of Followers', data: [1,4,6], backgroundColor: [ 'rgba(255, 99, 132, 0.9)', 'rgba(54, 162, 235, 0.9)', 'rgba(255, 206, 86, 0.9)', 'rgba(75, 192, 192, 0.9)', 'rgba(153, 102, 255, 0.9)', 'rgba(255, 159, 64, 0.9)' ], borderColor: [ 'rgba(255,99,132,1)', 'rgba(54, 162, 235, 1)', 'rgba(255, 206, 86, 1)', 'rgba(75, 192, 192, 1)', 'rgba(153, 102, 255, 1)', 'rgba(255, 159, 64, 1)' ], borderWidth: 5 }] }, options: { responsive: false } }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.bundle.min.js"></script> <canvas id="myChart" width="400" height="400"></canvas> 

Answer 1

用這個：

 $scope.options = { tooltipEvents: [], showTooltips: true, tooltipCaretSize: 0, onAnimationComplete: function () { this.showTooltip(this.segments, true); }, } 

然后將其正確引用到HTML元素.. !!!