No project description provided
Project description
Flask-ChartJS
Flask-ChartJS provides a simple interface to use ChartJS javascript library with Flask.
Installation
Install the extension with pip:
pip install flask-chartjs-manager
Usage
Once installed the Flask-ChartJS-Manager is easy to use.Let's walk through setting up a basic application. Also please note that this is a very basic guide: we will be taking shortcuts here that you should never take in a real application.
To begin we'll set up a Flask app:
import flask
app = flask.Flask(__name__)
Flask-ChartJS works via a ChartJS object. To kick things off, we'll set up the chartjs manager by instantiating it and telling it about our Flask app:
from flask_chartjs import ChartJSManager
chartjs_manager = ChartJSManager()
chartjs_manager.init_app(app)
This will make available the load_chartjs
function into the templates context so you could load the javascript package easily, like this.
<head>
{{ load_chartjs() }}
</head>
Now we will construct a basic chart.
from flask_chartjs import Chart, DataSet
from flask import render_template
@app.get('/chart-example')
def chart_example():
chart = Chart('income-outcome', 'bar') # Requires at least an ID and a chart type.
dataset_income = DataSet('Income', [100,200,300])
dataset_outcome = DataSet('OutCome', [50,100,150])
chart.data.add_labels('jan', 'feb', 'mar')
chart.data.add_dataset(dataset_income)
chart.data.add_dataset(dataset_outcome)
return render_template('path/to/template.html', my_chart=chart)
Once created you can pass it to a render_template and use it likewise.
<!-- load_chartjs() must be called before this line -->
<div class="my-classes">{{ render_chart(my_chart) }}</div>
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Hashes for flask_chartjs_manager-0.1.9.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | 85d6834ae82ea0bab89a1f38ecf13ac95d170e437ae62a1811a831d7b67e64dd |
|
MD5 | dc38ee0b54d6f524af298c36877f906e |
|
BLAKE2b-256 | 0d331fe08e7a923828a31f54e76cb15e01e58b88f868e1ba58d69c6f4e6ba116 |
Hashes for flask_chartjs_manager-0.1.9-py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | 8948150311e7f0a4ddb50f75f1dbae61b3318f0d9b5e1bd955d6c25937a0f233 |
|
MD5 | 0e5eccb70c3805aab3b3476783245c64 |
|
BLAKE2b-256 | 37d47b9616bda0d0a72c374083fc72cc6e59cfb185f6a185c3492a55ec3a7033 |