Javascript 在angular-chart.js中的饼图上显示数据标签
我已经用angular-chart.js创建了一个饼图,效果非常好。现在,我需要在饼图的每个不起作用的部分上显示数据值 我尝试使用Chart.PieceLabel.js,并在选项部分添加了以下代码。它不起作用。我不知道如何将它与angular-chart.js一起使用,因为它最初是为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,但它似乎不起作用。我没有收到任何错
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>