87,910
社区成员
发帖
与我相关
我的任务
分享关于jqplot画饼状图的问题
先附上代码：
<!DOCTYPE html>
<html>
<head>
<title>Zoom Proxy - Control one plot from another</title>
<link class="include" rel="stylesheet" type="text/css" href="../jquery.jqplot.min.css" />
<script language="javascript" type="text/javascript" src="../excanvas.js"></script>
<script type="text/javascript" src="../jquery.min.js"></script>
<script type="text/javascript" src="../jquery.jqplot.min.js"></script>
<script type="text/javascript" src="../jqplot.pieRenderer.min.js"></script>
</head>
<body>
<div id="pie1" style="margin-top:20px; margin-left:20px; width:200px; height:200px;"></div>
<script type="text/javascript">
$(document).ready(function(){
var plot1 = $.jqplot('pie1', [[['a',25],['b',14],['c',7]]], {
gridPadding: {top:0, bottom:38, left:0, right:0},
seriesColors: ['red','green','yellow' ],
seriesDefaults:{
renderer:$.jqplot.PieRenderer,
trendline:{ show:false },
rendererOptions: { padding: 8, showDataLabels: true }
},
legend:{
show:true,
location:'ne',
marginTop: '15px'
}
});
});
</script>
</body>
</html>
画出的饼图显示的都是百分比，我想把百分比显示成具体的数字，不知道是否可以？另外我想在分别点击a,b,c区域时出发一个onclick事件，怎么添加呢，而下需要区分我点击的是哪个区域
<!DOCTYPE html>
<html>
<head>
<title>Zoom Proxy - Control one plot from another</title>
<link class="include" rel="stylesheet" type="text/css" href="../jquery.jqplot.min.css" />
<script language="javascript" type="text/javascript" src="../excanvas.js"></script>
<script type="text/javascript" src="../jquery.min.js"></script>
<script type="text/javascript" src="../jquery.jqplot.min.js"></script>
<script type="text/javascript" src="../jqplot.pieRenderer.min.js"></script>
</head>
<body>
<div id="pie1" style="margin-top:20px; margin-left:20px; width:200px; height:200px;"></div>
<script type="text/javascript">
$(document).ready(function(){
var plot1 = $.jqplot('pie1', [[['a',25],['b',14],['c',7]]], {
gridPadding: {top:0, bottom:38, left:0, right:0},
seriesColors: ['red','green','yellow' ],
seriesDefaults:{
renderer:$.jqplot.PieRenderer,
trendline:{ show:false },
rendererOptions: { padding: 8, showDataLabels: true }
},
legend:{
show:true,
location:'ne',
marginTop: '15px'
}
});
});
</script>
</body>
</html>
画出的饼图显示的都是百分比，我想把百分比显示成具体的数字，不知道是否可以？另外我想在分别点击a,b,c区域时出发一个onclick事件，怎么添加呢，而下需要区分我点击的是哪个区域
...全文
请发表友善的回复…
发表回复
