手记

jqplot画饼状图

         

<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" ></div></body></html>


0人推荐
随时随地看视频
慕课网APP