Line 120: | Line 120: | ||
ga('send', 'pageview'); | ga('send', 'pageview'); | ||
</script> | </script> | ||
− | <script async src='https://www.google-analytics.com/analytics.js'></script> | + | <script async src='https://www.google-analytics.com/analytics.js'> |
+ | |||
+ | |||
+ | //line | ||
+ | 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> | ||
</html> | </html> |
Revision as of 12:51, 22 August 2017