Chart.js bindings for Lona
Project description
This package contains Chart.js bindings for Lona
Installation
$ pip install lona-chartjs
Usage
lona_chartjs.html.Chart defines a thin wrapper around the Javascript API of Chart.js. You can take any demo off chartjs.org <https://www.chartjs.org/docs/3.5.0/> and pass the chart config into Chart.data.
All data you passed in is available in Chart.data and can be reset and altered. To redraw the chart with altered data run self.show(chart) from your view.
from lona.html import HTML, H1, H2
from lona import App, View
from lona_chartjs.html import Chart
app = App(__file__)
BAR_CHART_DATA = {
# Taken from https://www.chartjs.org/docs/latest/getting-started/usage.html
'type': 'bar',
'data': {
'labels': ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
'datasets': [{
'label': '# of Votes',
'data': [12, 19, 3, 5, 2, 3],
'backgroundColor': [
'rgba(255, 99, 132, 0.2)',
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(153, 102, 255, 0.2)',
'rgba(255, 159, 64, 0.2)'
],
'borderColor': [
'rgba(255, 99, 132, 1)',
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)',
'rgba(75, 192, 192, 1)',
'rgba(153, 102, 255, 1)',
'rgba(255, 159, 64, 1)'
],
'borderWidth': 1
}]
},
'options': {
'responsive': False,
'scales': {
'y': {
'beginAtZero': True,
}
}
}
}
@app.route('/')
class MyLonaView(View):
def handle_request(self, request):
html = HTML(
H1('Hello World'),
H2('Bar Chart'),
Chart(
width='500px',
height='300px',
data=BAR_CHART_DATA,
),
)
return html
app.run()
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
lona-chartjs-0.2.1.tar.gz
(256.4 kB
view hashes)
Built Distribution
lona_chartjs-0.2.1-py3-none-any.whl
(258.0 kB
view hashes)
Close
Hashes for lona_chartjs-0.2.1-py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | f0164fddfdfad0cda99665456251f2a548f1675bf49f5ad5f6ac4daa82547ba6 |
|
MD5 | 9f5a34c7ce7d8813a83deda5ad6ac4af |
|
BLAKE2b-256 | 163c38a95b5c17136d98ceabbeb8584e09d2359a40e893130904eee566c56382 |