<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="public/jqPlot/excanvas.js"></script><![endif]--> <script src="public/JS/jquery-1.9.1.js" type="text/javascript"></script> <script src="public/jqPlot/jquery.jqplot.min.js" type="text/javascript"></script> <link href="public/jqPlot/jquery.jqplot.css" rel="stylesheet" type="text/css" /> <script src="public/jqPlot/plugins/jqplot.pieRenderer.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { var data = [['Heavy Industry', 12], ['Retail', 9], ['Light Industry', 14], ['Out of home', 16], ['Commuting', 7], ['Orientation', 9]]; var plot1 = jQuery.jqplot('chart1', [data], { title: '統計餅圖', seriesColors: ["#579575", "#d8b83f", "#ff5800", "#0085cc", "#4bb2c5", "#c5b47f", "#EAA228"], series: [{ // Make this a pie chart. renderer: jQuery.jqplot.PieRenderer, rendererOptions: { diameter: 250,//餅圖的直徑 sliceMargin: 1,//餅的每個部分之間的距離 // Put data labels on the pie slices. // By default, labels show the percentage of the slice. showDataLabels: true, dataLabelNudge: 35, shadow:false,//為餅的每個部分的邊框設定陰影，以突出其立體效果 } }], legend: { show: true } } ); }) </script></head><body> <form id="form1" runat="server"> <div> <div id="chart1" style='height:340px; width:500px'></div> </div> </form></body></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
