如何在Jquery中绘制半饼图

我有两个表单数组，

$expenditure = $_POST['expenditure'];
$revennue = $_POST['revenue'];

我必须使用这些数组中的值并绘制一个饼图，就像饼图的一半将显示支出和另一半收入的关系

我尝试使用Jqplot这样的东西

$(document).ready(function(){
  var data = [
  <?php foreach($revenue as $key=> $val){ 
         $x = ($val/array_sum($revennue))*180;   
  ?>
    ['<?php echo "rev_".$key ?>', <?php echo $x ?>],
<?php }?>
 <?php foreach($expenditure as $key=> $val){ 
         $x = ($val/array_sum($expenditure))*180;   
  ?>
    ['<?php echo "exp_".$key ?>', <?php echo $x ?>],
<?php }?>
  ];
  var plot1 = jQuery.jqplot ('chart1', [data],
    {
      seriesDefaults: {
        // Make this a pie chart.
        renderer: jQuery.jqplot.PieRenderer,
        rendererOptions: {
          // Put data labels on the pie slices.
          // By default, labels show the percentage of the slice.
          showDataLabels: true
          this.startAngle = 180
        }
      },
      legend: { show:false, location: 'e' }
    }
  );
});

但它向我显示了错误的饼图，

任何人都可以让我知道我该如何解决这个问题吗

提前致谢