Add task

2020-03-31 16:04:29 +02:00
parent 8d2aad9a72
commit 12817ad938
3 changed files with 64 additions and 0 deletions
--- a/html/tasks/chapter_8/highcharts/oppgave.html
+++ b/html/tasks/chapter_8/highcharts/oppgave.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>Highcharts</title>
+    <link rel="stylesheet" href="../../../../resources/css/main.css" />
+    <script src="https://code.highcharts.com/highcharts.js"></script>
+    <script async src="./script.js"></script>
+  </head>
+  <body>
+    <h1>Highcharts</h1>
+    
+    <div class="center">
+
+      <div id='container'></div>
+      
+    </div>
+
+  </body>
+</html>
--- a/html/tasks/chapter_8/highcharts/script.js
+++ b/html/tasks/chapter_8/highcharts/script.js
@@ -0,0 +1,41 @@
+const data = [
+  {
+    name: 'Banana',
+    data: [1,2,3,4,5]
+  },
+  {
+    name: 'Apple',
+    data: [3,2,5,6,2]
+  }
+]
+
+const config = {
+  title: { text: 'Tittel'},
+  subtitle: { text: 'Undertittel'},
+  xAxis: {
+    title: {
+      text: 'Numbers'
+    }
+  },
+  yAxis: {
+    title: {
+      text: 'Amount'
+    }
+  },
+  legend: {
+    layout: 'vertical',
+    align: 'right',
+    verticalAlign: 'middle'
+  },
+
+  plotOptions: {
+    series: {
+      pointStart: 5000
+    }
+  },
+
+  series: data
+  
+}
+
+Highcharts.chart('container', config);
--- a/index.html
+++ b/index.html
@@ -45,6 +45,7 @@
      <p><a href="./html/tasks/chapter_7/video/oppgave.html">Video</a></p>

      <h2>Kapittel 8</h2>
+      <p><a href="./html/tasks/chapter_8/highcharts/oppgave.html">Highcharts</a></p>
      <p><a href="./html/tasks/chapter_8/task3_randomArrayData/oppgave.html">Oppgave 3 - Random Array Data</a></p>

      <h2>Kapittel 10</h2>