如何在Jquery中绘制半饼图
How to Plot a Half pie chart in 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' }
}
);
});
但它向我显示了错误的饼图,
任何人都可以让我知道我该如何解决这个问题吗
提前致谢
我尝试绘制半饼图。 我不知道是否有更简单的方法可以做到这一点。
在一些计算和黑客的帮助下,我设法绘制了一个。一个虚拟数据,startAngle
,shadowDepth
,dataLabels
,seriesColors
,backgroundColor
帮助我实现了这个目标。这是相同的JSFiddle链接:jqPLot - 半饼图
注意:当您将鼠标悬停在图表上时,您可以看到虚拟切片。我认为你可以通过一些研究来解决这个问题。
如果您需要任何帮助,请告诉我。
相关文章:
- 如何重新绘制Jquery中的所有UI组件
- Extjs:Ajax,Proxy,使用JSON和JQuery进行图表绘制
- 使用 jQuery animate 时绘制一个又一个对象的线条
- 可以Flot(或任何其他JQuery图表库)绘制公式
- jQuery自动完成未绘制结果
- 使用jQuery绘制表格
- PHP 和 jQuery 绘制数字动画
- 如何在Jquery中绘制半饼图
- 将数据从JSP传递到jQuery并在Highcharts中绘制
- 如何在jQuery DataTable中绘制Excel样式的数据栏
- 谷歌图表进入JQuery Tab绘制问题
- 在 JQuery 中绘制形状
- 使用 jquery 将鼠标悬停在图像上绘制线条和矩形
- 在画布 jquery HTML 中绘制多边形
- 使用 jquery flot 绘制 json 数组
- 在绘制图表之前在每个循环中编排嵌套的 AJAX 调用 (JQuery)
- 使用 jQuery SVG 绘制外部 svg 路径
- 使用 jQuery 绘制垂直线
- 任何像乔木这样的jquery插件来绘制地图集
- 如何使用jQuery在屏幕上绘制字母表