Attempt at doing json

I fucked up big time. I have attempted to make a custom made chart, while, to my knowledge, one is readily available and more easily incorporated to the website design.

backend/graph.js

@@ -0,0 +1,9 @@
+$(document).ready(function() {
+	$(chart_id).highcharts({
+		chart: chart,
+		title: title,
+		xAxis: xAxis,
+		yAxis: yAxis,
+		series: series
+	});
+});

backend/main.py

@@ -1,4 +1,4 @@
-from flask import Flask, redirect, url_for, request
+from flask import Flask, redirect, url_for, request, render_template
 app = Flask(__Name__)
 
 @app.route('/list')
@@ -14,3 +14,17 @@ def deposit():
    #Request .json, store json
    if request.isJson():
       request.json.
+
+
+
+@app.route('/graph')
+def graph(chartID = 'chart_ID', chart_type = 'line', chart_height = 500):
+	chart = {"renderTo": chartID, "type": chart_type, "height": chart_height,}
+	series = [{"name": 'Label1', "data": [1,2,3]}, {"name": 'Label2', "data": [4, 5, 6]}]
+	title = {"text": 'My Title'}
+	xAxis = {"categories": ['xAxis Data1', 'xAxis Data2', 'xAxis Data3']}
+	yAxis = {"title": {"text": 'yAxis Label'}}
+	return render_template('index.html', chartID=chartID, chart=chart, series=series, title=title, xAxis=xAxis, yAxis=yAxis)
+ 
+if __name__ == "__main__":
+	app.run(debug = True, host='0.0.0.0', port=8080, passthrough_errors=True)

backend/website.html

@@ -18,11 +18,29 @@
             <button type="button" class="btn btn-dark btn-lg btn-block">Pridobi rezultate
     </div>
 
+	
+	<div id={{ chartID|safe }} class="chart" style="height: 100px; width: 500px"></div>
+    <script>
+	    var chart_id = {{ chartID|safe }}
+	    var series = {{ series|safe }}
+	    var title = {{ title|safe }}
+	    var xAxis = {{ xAxis|safe }}
+	    var yAxis = {{ yAxis|safe }}
+	    var chart = {{ chart|safe }}
+    </script>
+	
     <!-- Optional JavaScript -->
     <!-- jQuery first, then Popper.js, then Bootstrap JS -->
-    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
+	<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+	<script src="http://code.highcharts.com/highcharts.js"></script>
+	<script src="../static/graph.js"></script>
 
   </body>
+  
+
+
+<script type = "text/javascript" src = "/static/bootstrap.min.js"></script>
+
 </html>

frontend/FlaskModule.py

@@ -0,0 +1,14 @@
+from flask import Flask
+app = Flask(__name__)
+
+@app.route('/', methods = ['GET', 'POST'])
+def index():
+    value = request.json['key']
+    return value
+
+if __name__ == '__main__':
+    app.run
+
+
+test = open("JsonJs", "r")
+req = requests.post('C:/Users/Janez%20Dolzan/Documents/Python%20projects/Spektrometer/GitHub/TeraHz/frontend/website.html')

frontend/JsonJs.js

@@ -0,0 +1 @@
+var output = document.getElementById('output');

frontend/org.json

@@ -0,0 +1,17 @@
+{
+    "org": 
+	[
+	    {
+		    "id": 1,
+			"name": "How to build a website"
+		},
+		{
+		    "id": 2,
+			"name": "How to build a website 2"
+		},
+		{
+		    "id": 2,
+			"name": "How to build a website 3"
+		}
+	]
+}