2016-09-13 104 views
0

我很困惑如何通過我的數據百分比餅圖或通過數據庫中的ajax數據放置值。我已經通過使用id成功傳遞了其他字段,但是在數據百分比中,我很困惑如何將數據百分比的值放到我的餅圖中。我正在使用Codeigniter框架。將ajax數據值傳遞到數據百分比餅圖

這是我想要的。事情是這樣的: 從數據庫中獲取數據我的Ajax代碼:

function showprojectdetails(projectSelected) { 
    var studentId = null; 
$.ajax({ 
     url : "<?php echo site_url('manager/projects/ProjDetails/')?>/" + projectSelected, 
     type: "GET", 
     dataType: "JSON", 
     success: function(data) { 

      //this is data percent 
      $('#progress-pie-chart').html(data['project_percent']);   
     }, 
     error: function (jqXHR, textStatus, errorThrown) { 
      alert('Error get data from ajax'); 
     } 
    }); 
} 

,這裏是我的數據進步餅圖在這裏我想提出的數據百分比值:事情是這樣的:數據%的「 35.6" 是我想從阿賈克斯與我project_percent的值來代替

<div class="progress-pie-chart" data-percent="35.6"><!--Pie Chart --> 
<div class="ppc-progress"> 
<div class="ppc-progress-fill"></div> 
</div> 
<div class="ppc-percents"> 
<div class="pcc-percents-wrapper"> 
<span>%</span> 
</div> 
</div> 
</div> 
+0

'$('。progress-pie-chart')。html(data ['project_percent']);'? – madalinivascu

+0

@Jc John $('#projectPercent')。html代替使用$(「。progress-pie-chart」)。html – Elangovan

+0

謝謝你的回答..我會試試 –

回答

-1
$(".progress-pie-chart").attr('data-percent', value); 
+0

謝謝你的回答先生,我試過這個,但是這不起作用 $(「。progress-pie-chart」)。attr('data-percent',data ['project_percent 「]); –

+1

請編輯更多信息。僅限代碼和「嘗試這個」的答案是不鼓勵的,因爲它們不包含可搜索的內容,也不解釋爲什麼有人應該「嘗試這個」。 – abarisone

0

將下面的代碼在你的成功的功能

options.series[0].data = data['project_percent'];//set the data 
var chart = new Highcharts.Chart(options);//create the chart here 
+0

先生它沒有。請幫助:( options.series [0] .data = data ['project_percent']; var chart = new Highcharts.Chart(options); –

+0

success:function(data){ options.series [0]。 data = data ['project_percent']; //設置數據 var chart = new Highcharts.Chart(options); //在這裏創建圖表} –

+0

您能否提供餅圖的代碼? – madalinivascu