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链接：jqPLot - Half Pie Chart

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

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

如何在Jquery中绘制半饼图

1 个答案: