微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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元素.. !!!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐