Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在angular-chart.js中的饼图上显示数据标签_Javascript_Angularjs_Charts_Chart.js_Angular Chart - Fatal编程技术网

Javascript 在angular-chart.js中的饼图上显示数据标签

Javascript 在angular-chart.js中的饼图上显示数据标签,javascript,angularjs,charts,chart.js,angular-chart,Javascript,Angularjs,Charts,Chart.js,Angular Chart,我已经用angular-chart.js创建了一个饼图,效果非常好。现在,我需要在饼图的每个不起作用的部分上显示数据值 我尝试使用Chart.PieceLabel.js,并在选项部分添加了以下代码。它不起作用。我不知道如何将它与angular-chart.js一起使用,因为它最初是为chart.js编写的 pieceLabel: { render: 'label' } 我已经使用了onAnimationComplete,但它似乎不起作用。我没有收到任何错

我已经用angular-chart.js创建了一个饼图,效果非常好。现在,我需要在饼图的每个不起作用的部分上显示数据值

我尝试使用Chart.PieceLabel.js,并在选项部分添加了以下代码。它不起作用。我不知道如何将它与angular-chart.js一起使用,因为它最初是为chart.js编写的

pieceLabel: {
            render: 'label'
        }
我已经使用了onAnimationComplete,但它似乎不起作用。我没有收到任何错误消息。这是我的密码。我哪里做错了?提前感谢您的帮助!:)

html

 <canvas id="pie" class="chart chart-pie"
                    chart-data="data" chart-labels="labels" chart-options="options" width="500" height="300" chart-colors="colors"></canvas>
Plunker链接:

在你的车里,我换了

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-chart.js/1.0.3/angular-chart.min.js"></script> 


请提供plunker。数据值是什么意思?有吗screenshot@zabusa我指的是饼图部分所代表的数据。例如,如果某个区段数据为75,则我需要在图表的该特定区段上显示75。@Linda当您将鼠标悬停在该区段上时显示该区段?请浏览此链接。如果有用,请告诉我
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-chart.js/1.0.3/angular-chart.min.js"></script> 
</script>
<script src="https://rawgit.com/nnnick/Chart.js/v1.0.2/Chart.min.js"></script>
<script src="https://rawgit.com/jtblin/angular-chart.js/0.8.0/dist/angular-chart.min.js"></script>