Skip to main content

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


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

flask_chartjs_manager-0.1.9.tar.gz (4.5 kB view details)

Uploaded Source

Built Distribution

flask_chartjs_manager-0.1.9-py3-none-any.whl (5.2 kB view details)

Uploaded Python 3

File details

Details for the file flask_chartjs_manager-0.1.9.tar.gz.

File metadata

  • Download URL: flask_chartjs_manager-0.1.9.tar.gz
  • Upload date:
  • Size: 4.5 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: poetry/1.2.2 CPython/3.8.10 Linux/5.10.16.3-microsoft-standard-WSL2

File hashes

Hashes for flask_chartjs_manager-0.1.9.tar.gz
Algorithm Hash digest
SHA256 85d6834ae82ea0bab89a1f38ecf13ac95d170e437ae62a1811a831d7b67e64dd
MD5 dc38ee0b54d6f524af298c36877f906e
BLAKE2b-256 0d331fe08e7a923828a31f54e76cb15e01e58b88f868e1ba58d69c6f4e6ba116

See more details on using hashes here.

File details

Details for the file flask_chartjs_manager-0.1.9-py3-none-any.whl.

File metadata

  • Download URL: flask_chartjs_manager-0.1.9-py3-none-any.whl
  • Upload date:
  • Size: 5.2 kB
  • Tags: Python 3
  • Uploaded using Trusted Publishing? No
  • Uploaded via: poetry/1.2.2 CPython/3.8.10 Linux/5.10.16.3-microsoft-standard-WSL2

File hashes

Hashes for flask_chartjs_manager-0.1.9-py3-none-any.whl
Algorithm Hash digest
SHA256 8948150311e7f0a4ddb50f75f1dbae61b3318f0d9b5e1bd955d6c25937a0f233
MD5 0e5eccb70c3805aab3b3476783245c64
BLAKE2b-256 37d47b9616bda0d0a72c374083fc72cc6e59cfb185f6a185c3492a55ec3a7033

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page