https://github.com/joonb14/flask_dynamic_chart
Flask Dynamic Chart (feat. Highchart)
https://github.com/joonb14/flask_dynamic_chart
chart dynamic flast highcharts-js hightcharts javascript korean plot web website
Last synced: 11 days ago
JSON representation
Flask Dynamic Chart (feat. Highchart)
- Host: GitHub
- URL: https://github.com/joonb14/flask_dynamic_chart
- Owner: joonb14
- Created: 2018-07-25T11:25:27.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-09-18T09:11:01.000Z (almost 8 years ago)
- Last Synced: 2025-03-02T06:14:42.869Z (over 1 year ago)
- Topics: chart, dynamic, flast, highcharts-js, hightcharts, javascript, korean, plot, web, website
- Language: HTML
- Homepage:
- Size: 22.5 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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