|
|
| Line 106: |
Line 106: |
| | <p>Under construction...</p> | | <p>Under construction...</p> |
| | <canvas id="lineChart"></canvas> | | <canvas id="lineChart"></canvas> |
| − | <script>
| + | |
| − | var ctxL = document.getElementById("lineChart").getContext('2d');
| + | |
| − | var myLineChart = new Chart(ctxL, {
| + | |
| − | type: 'line',
| + | |
| − | data: {
| + | |
| − | labels: ["January", "February", "March", "April", "May", "June", "July"],
| + | |
| − | datasets: [
| + | |
| − | {
| + | |
| − | label: "My First dataset",
| + | |
| − | fillColor: "rgba(220,220,220,0.2)",
| + | |
| − | strokeColor: "rgba(220,220,220,1)",
| + | |
| − | pointColor: "rgba(220,220,220,1)",
| + | |
| − | pointStrokeColor: "#fff",
| + | |
| − | pointHighlightFill: "#fff",
| + | |
| − | pointHighlightStroke: "rgba(220,220,220,1)",
| + | |
| − | data: [65, 59, 80, 81, 56, 55, 40]
| + | |
| − | },
| + | |
| − | {
| + | |
| − | label: "My Second dataset",
| + | |
| − | fillColor: "rgba(151,187,205,0.2)",
| + | |
| − | strokeColor: "rgba(151,187,205,1)",
| + | |
| − | pointColor: "rgba(151,187,205,1)",
| + | |
| − | pointStrokeColor: "#fff",
| + | |
| − | pointHighlightFill: "#fff",
| + | |
| − | pointHighlightStroke: "rgba(151,187,205,1)",
| + | |
| − | data: [28, 48, 40, 19, 86, 27, 90]
| + | |
| − | }
| + | |
| − | ]
| + | |
| − | },
| + | |
| − | options: {
| + | |
| − | responsive: true
| + | |
| − | }
| + | |
| − | });
| + | |
| − | </script>
| + | |
| | | | |
| | </div> | | </div> |
