如何在 Jquery 中绘制半个饼图

Question

我有两个表单数组，

$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' }
    }
  );
});

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

谁能告诉我如何解决这个问题

提前致谢

Answer 1

我尝试绘制半饼图。我不知道是否有更简单的方法来做到这一点。

在一些计算和技巧的帮助下，我设法绘制了一个。虚拟数据、startAngle、shadowDepth、dataLabels、seriesColors、backgroundColor 帮助我实现了这一目标。这是相同的 JSFiddle link：jqPLot - Half Pie Chart

注意：当您将鼠标悬停在图表上时，您可以看到虚拟切片。我认为你可以通过一些研究来解决这个问题。

如果您需要任何帮助，请告诉我。

如何在 Jquery 中绘制半个饼图

How to Plot a Half pie chart in Jquery

javascript

php

jquery

jqplot