From 8d7f4bf77b4655e01273bd8401d5154178698459 Mon Sep 17 00:00:00 2001
From: okafon99 <okafon99@mi.fu-berlin.de>
Date: Sun, 4 Jul 2021 15:19:48 +0000
Subject: [PATCH] Delete index1.html
---
index1.html | 144 ----------------------------------------------------
1 file changed, 144 deletions(-)
delete mode 100644 index1.html
diff --git a/index1.html b/index1.html
deleted file mode 100644
index 28f266e..0000000
--- a/index1.html
+++ /dev/null
@@ -1,144 +0,0 @@
-<!DOCTYPE html>
-<html>
- <head>
- <title>Page Title</title>
- <style type="text/css">
- .chartBox {
- width: 700px;
- padding: 20px;
-
- }
- </style>
-
-</head>
-<body>
- <h2>Übersicht: weltweit</h2>
- <div class = "chartBox">
- <canvas id="myChart"></canvas>
- </div>
- <div class ="selectBox">
- <select id="da">
- <option value="0">CO2 Emission</option>
- <option value="1">Luftverkehr</option>
- </select>
- </div>
- <h2>Übersicht: Länder mit Emissionsabnahme </h2>
- <div class = "chartBox">
- <canvas id="myChart1"></canvas>
- </div>
- <div class ="selectBox">
- <select id="fallend">
- <option value="0">Luftverkehr</option>
- <option value="1">Population</option>
- </select>
- </div>
-
- <div class = "chartBox">
- <canvas id="myChart2"></canvas>
- </div>
- <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
- <script>
- var x = {{content|tojson}};
- var x_2 = {{content3|tojson}};
- var dat = [x, x_2];
- var label_ = ["CO2 Emission in Tonnen", "Flüge"]
- var y= {{content4|tojson}};
- var y1 = {{content5|tojson}};
- var dat2 = [y,y1];
- var label_1 = ["Flüge", "Population"]
- const ctx = document.getElementById('myChart').getContext('2d');
- const myChart = new Chart(ctx, {
- type: 'line',
- data: {
- labels: {{content2|tojson}} ,
- datasets: [{
- label: 'CO2 Emission in Tonnen',
- data: {{content|tojson}},
- backgroundColor: [
- 'rgba(255, 99, 132, 0.2)'
- ],
- borderColor: [
- 'rgba(255, 99, 132, 1)'
- ],
- borderWidth: 1
- }]
- },
- options: {
- scales: {
- y: {
- beginAtZero: false
- }
- }
- }
- });
-
- const ctx1 = document.getElementById('myChart1').getContext('2d');
- const myChart1 = new Chart(ctx1, {
- type: 'line',
- data: {
- labels: {{content2|tojson}} ,
- datasets: [{
- label: 'Flüge',
- data: {{content4|tojson}} ,
- backgroundColor: [
- 'rgb(54, 162, 235)'
- ],
- borderColor: [
- 'rgb(54, 162, 235)'
- ],
- borderWidth: 1
- }]
- },
- options: {
- scales: {
- y: {
- beginAtZero: false
- }
- }
- }
- });
- const ctx2 = document.getElementById('myChart2').getContext('2d');
- const myChart2 = new Chart(ctx2, {
- type: 'pie',
- data: {
- labels: ['Länder mit Emmissionszunahme','Länder mit Emissionsabnahme: Austria, Yemen, Lithuania, Bulgaria, Croatia, Aruba, Palestine, Poland, Greenland, Andorra, Venezuela, Luxembourg, Czech Republic, Sweden, Jordan, Ireland, Macedonia, Uzbekistan, Portugal, Finland, Malta, Ukraine, Latvia, North Korea, France, Slovakia, Syria, Iceland, Hong Kong, United States, Cyprus, Belarus, Wallis and Futuna Islands, Netherlands, Dominica, Serbia, Faeroe Islands, Spain, Belgium, Taiwan, Italy, United Kingdom, Germany, Canada, Barbados, Saint Vincent and the Grenadines, Bermuda, Liechtenstein, Slovenia, Greece, Estonia, South Africa, Japan, Macao, Denmark, Jamaica, Trinidad and Tobago, Switzerland, Seychelles, New Zealand, Hungary, Norway, Romania'
- ],
-
- datasets: [{
- label: '',
- data: {{content6|tojson}} ,
- backgroundColor: [
- 'rgb(255, 99, 132)',
- 'rgb(54, 162, 235)'
-
- ],
-
- hoverOffset: 4
- }]
- },
-
- }
-
- );
- const da = document.getElementById('da');
- da.addEventListener('change', visual);
- function visual () {
- console.log(da.value);
-
- myChart.data.datasets[0].data = dat[parseInt(da.value)];
- myChart.data.datasets[0].label = label_[parseInt(da.value)];
-
- myChart.update();
- }
-
- const fallend = document.getElementById('fallend');
- fallend.addEventListener('change', visual2);
- function visual2 () {
- myChart1.data.datasets[0].data = dat2[parseInt(fallend.value)];
- myChart1.data.datasets[0].label = label_1[parseInt(fallend.value)];
- myChart1.update();
- }
- </script>
-
-</body>
-</html>
--
GitLab