|
|
Line 105: |
Line 105: |
| <h2>Modeling.</h2> | | <h2>Modeling.</h2> |
| <p>Under construction...</p> | | <p>Under construction...</p> |
− | <!DOCTYPE HTML>
| |
− | <html>
| |
| | | |
− | <head>
| |
− | <title>CanvasJS Chart jQuery Plugin</title>
| |
− | <script type="text/javascript" src="https://canvasjs.com/assets/script/jquery-1.11.1.min.js"></script>
| |
− | <script type="text/javascript" src="https://canvasjs.com/assets/script/jquery.canvasjs.min.js"></script>
| |
− | <script type="text/javascript">
| |
− | window.onload = function () {
| |
− |
| |
− | //Better to construct options first and then pass it as a parameter
| |
− | var options = {
| |
− | title: {
| |
− | text: "Column Chart using jQuery Plugin"
| |
− | },
| |
− | animationEnabled: true,
| |
− | data: [
| |
− | {
| |
− | type: "column", //change it to line, area, bar, pie, etc
| |
− | dataPoints: [
| |
− | { x: 10, y: 10 },
| |
− | { x: 20, y: 11 },
| |
− | { x: 30, y: 14 },
| |
− | { x: 40, y: 16 },
| |
− | { x: 50, y: 19 },
| |
− | { x: 60, y: 15 },
| |
− | { x: 70, y: 12 },
| |
− | { x: 80, y: 10 }
| |
− | ]
| |
− | }
| |
− | ]
| |
− | };
| |
− |
| |
− | $("#chartContainer").CanvasJSChart(options);
| |
− |
| |
− | }
| |
− | </script>
| |
− | </head>
| |
− | <body>
| |
− | <div id="chartContainer" style="height: 300px; width: 100%;"></div>
| |
− | </body>
| |
− |
| |
− | </html>
| |
| | | |
| | | |
Revision as of 12:43, 22 August 2017
Modeling.
Under construction...