| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta content="IE=edge" http-equiv="X-UA-Compatible"> | |
| <meta content="width=device-width, initial-scale=1" name="viewport"> | |
| <title>BCT Pie Chart 01</title> | |
| <link href="https://playground.anychart.com/docs/samples/BCT_Pie_Chart_01/iframe" rel="canonical"> | |
| <meta content="Circle Chart,Pie Chart" name="keywords"> | |
| <meta content="AnyChart - JavaScript Charts designed to be embedded and integrated" name="description"> | |
| <!--[if lt IE 9]> | |
| <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> | |
| <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | |
| <![endif]--> | |
| <link href="_deps/cdn.anychart.com/releases/8.14.1/css/anychart-ui.min_qe95e7e741b.css" rel="stylesheet" type="text/css"> | |
| <style>html, body, #container { | |
| width: 100%; | |
| height: 100%; | |
| margin: 0; | |
| padding: 0; | |
| }</style> | |
| </head> | |
| <body> | |
| <div id="container"></div> | |
| <script src="_deps/cdn.anychart.com/releases/8.14.1/js/anychart-base.min_qe95e7e741b.js"></script> | |
| <script src="_deps/cdn.anychart.com/releases/8.14.1/js/anychart-exports.min_qe95e7e741b.js"></script> | |
| <script src="_deps/cdn.anychart.com/releases/8.14.1/js/anychart-ui.min_qe95e7e741b.js"></script> | |
| <script type="text/javascript">anychart.onDocumentReady(function () { | |
| // create data | |
| var data = [ | |
| {x: "A", value: 637166}, | |
| {x: "B", value: 721630}, | |
| {x: "C", value: 148662}, | |
| {x: "D", value: 78662}, | |
| {x: "E", value: 90000} | |
| ]; | |
| // create a chart and set the data | |
| var chart = anychart.pie(data); | |
| // set the chart title | |
| chart.title("Pie Chart: Basic Sample"); | |
| // set the container id | |
| chart.container("container"); | |
| // initiate drawing the chart | |
| chart.draw(); | |
| });</script> | |
| </body> | |
| </html> |