joonb14 / Flask_Dynamic_Chart

Flask Dynamic Chart (feat. Highchart)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Flask Dynamic Chart (feat. Highchart)

based on flask and Highchart js

Korean version of Tutorial is in my Naver blog: https://blog.naver.com/joonb14/221332761068

get Data from node.js application which sends json data
(since it sends raw json object not stringified one)
just use it as object

Check the Major value
if its already in chart - addPoint
else - addSeries then addPoint

Screenshot of Dynamic Chart

This is what I made
A little complicated because I used csv file to Init the Chart
then used dynamically received JSON data
The App result will look like this on Chrome

Tutorial

Tutorial for Above application on flask
Used and modified codes from
Highcharts example: https://www.highcharts.com/docs/working-with-data/data-from-a-database
flask-live-chart: https://github.com/tdiethe/flask-live-charts
The App result will look like this on Chrome

Tutorial for Initiating Highcharts with CSV

I also have tutorial for this: https://github.com/joonb14/CSVtoHighchart.git
Checkout the link above

About

Flask Dynamic Chart (feat. Highchart)


Languages

Language:HTML 45.4%Language:JavaScript 36.4%Language:Python 18.2%