我无法使用 angularjs 单击该图像来刷新此饼图 div
div
包含我的图像:
<div class="col-md-3 col-sm-12 col-xs-12">
<div class="panel panel-primary text-center no-boder blue">
<div class="panel-left pull-left blue">
<i class="fa fa fa-comments fa-5x"></i>
</div>
<div class="panel-right">
<h3>Assessment</h3>
</div>
<img src="assets/images/refresh.png" ng-click="refreshChart()"/>
</div>
</div>
我要刷新的div:
<div class="col-xs-6 col-md-3">
<div class="panel panel-default">
<div class="panel-body easypiechart-panel">
**<div class="easypiechart" id="easypiechart-blue" data-percent="82"><span class="percent">82%</span>**
</div>
</div>
</div>
</div>
app.js 代码
var sampleApp1 = angular.module('sampleApp1', []);
sampleApp1.controller('dashctrl', function($scope) {
$scope.refreshChart = function (){
$('.chart').data('#easypiechart-blue').update(40);
};
});
最佳答案
在 Controller (AngularJs)上创建一个方法并使用它来重绘(重置数据并更新图表)$('.chart').data('easyPieChart').update(40);
.
$scope.refreshChart = function (){
$('.chart').data('newChartData').update(40);
}
在你的html中
<img src="assets/images/refresh.png" data-ng-click="refreshChart()"/>
最好的选择是对自己做一些检测工作,看看您的案例是否与他们首页上的情况完全相同。刷新饼图的按钮 ( https://rendro.github.io/easy-pie-chart/ )
关于javascript - 我想使用 angularjs 刷新图像的 div 标签 onclick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45370104/