examples/charts/Pie.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2 <html>
   3 <head>
   4     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   5     <title>Charts</title>
   6     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
   7     <link rel="stylesheet" type="text/css" href="../shared/example.css" />
   8     <script type="text/javascript" src="../../bootstrap.js"></script>
   9     <script type="text/javascript" src="../example-data.js"></script>
  10     <script type="text/javascript" src="Pie.js"></script>
  11 </head>
  12     <body id="docbody">
  13         <h1>Pie Chart Example</h1>
  14             <div style="margin: 10px;">
  15             <p>
  16             Display 5 sets of random data using a pie chart. Reload data will randomly generate a new set of data in the store.  Toggle Donut button will dynamically change the chart between a Donut and Pie chart. Click or hover on the legend items to highlight and remove them from the chart. In addition contrast detection has been turned on to dynamically change the font color based on the color of the item it is on. <a href="Pie.js">View Source</a>
  17         </p>
  18         </div>
  19     </body>
  20 </html>