继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

jqplot画饼状图

别打扰我我要学习
关注TA
已关注
手记 276
粉丝 20
获赞 131

         

<html><head><title>practise and templet</title><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!--画饼图必须引入的样式--><link rel="stylesheet" type="text/css" href="jquery.jqplot.css" /><script type="text/javascript" src="jquery-1.4.min.js" ></script><!--支持ie的js--><script type="text/javascript" src="excanvas.js" ></script><script type="text/javascript" src="jquery.jqplot.js" ></script><script type="text/javascript" src="jqplot.pieRenderer.js" ></script><script type="text/javascript" src="jqplot.donutRenderer.min.js" ></script><script type="text/javascript">$(function(){var data = [    ['语文', 12],['数学', 9], ['物理', 14],     ['自然', 16],['生物', 7], ['化学', 9], ['历史', 39]  ];  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        }      },       // 展示图标,在图标的右侧      legend: { show:true, location: 'e' }    }  );});</script></head><body><!--容器--><div id="chart1" style="height:300px; width:400px;"></div></body></html>


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP