Question

我很困惑如何通过数据库中的ajax数据传递或放置数据百分比饼图的值。我已成功通过使用id传递其他字段，但在数据百分比我很困惑如何将值放在我的饼图的数据百分比上。我正在使用Codeigniter Framework。

这就是我想要的。像这样的东西：我的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”是我想用ajax的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>

Answer 1

将以下代码放入您的成功函数

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

Answer 2

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

将ajax数据值传递给数据百分比饼图

2 个答案: