javascript – chartjs在饼图上显示值

我正在使用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,6],backgroundColor: [
                'rgba(255,99,132,0.9)','rgba(54,162,235,'rgba(255,206,86,'rgba(75,192,'rgba(153,102,255,159,64,0.9)'
            ],borderColor: [
                'rgba(255,1)',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>

解决方法

用这个:

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

然后将其正确引用到HTML元素.. !!!

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...