Kreisdiagramme mit Flask erstellen
Verfasst: Montag 8. Januar 2018, 12:20
Hallo!
Ich bin derzeit dabei, einige Daten mithilfe von Flask in Diagrammen darzustellen. Bisher habe ich allerdingt nur Balkendiagramme benutzt, nun würde ich gerne ein Kreisdiagramm erstellen. Naiv wie ich bin dachte ich, ich müsse nur den chart_type ändern, hat auch fast geklappt.
So sieht derzeit mein Diagramm aus:

Meine Python-Programmierung sieht wie folgt aus: (Wie gesagt von den Balkendiagrammen übernommen)
Und zuletzt noch meine html-Programmierung:
Wenn man also mit der Maus über die einzelnen Elemente geht, steht dort immer "A, B, C: 0,25" bzw "A, B, C: 0,5"
Ich hätte aber gerne, dass dort wo "Slice" steht A, B und C steht, also beim blauen "A", beim schwarzen "B" und beim grünen "C".
Zur Not ginge auch, dass das "Slice" ganz verschwindet und ich unten drunter eine Legende mache mit Blau = A, Schwarz = B, Grün = C.
Ich bin derzeit dabei, einige Daten mithilfe von Flask in Diagrammen darzustellen. Bisher habe ich allerdingt nur Balkendiagramme benutzt, nun würde ich gerne ein Kreisdiagramm erstellen. Naiv wie ich bin dachte ich, ich müsse nur den chart_type ändern, hat auch fast geklappt.
So sieht derzeit mein Diagramm aus:

Meine Python-Programmierung sieht wie folgt aus: (Wie gesagt von den Balkendiagrammen übernommen)
Code: Alles auswählen
from flask import *
def index(self, chartID='chart_ID', chart_type='pie',
chart_height=500, chart_width=800):
xAxis = {}
yAxis = {}
series = [{"name":["A", "B", "C"], "data": [0.25,0.5,0.25]}]
title = {"text": 'My PieChart'}
chart = {"renderTo": chartID,
"type": chart_type,
"height": chart_height,
"width": chart_width, }
return self.render('admin/statistik.html',
chartID=chartID,
chart=chart,
series=series,
title=title,
xAxis=xAxis,
yAxis=yAxis)
Code: Alles auswählen
{% extends 'admin/master.html' %}
{% block body %}
<div id={{ chartID|safe }} class="chart" style="height: 100px; width: 500px"></div>
<script>
var chart_id = {{ chartID|safe }}
var series = {{ series|safe }}
var title = {{ title|safe }}
var xAxis = {{ xAxis|safe }}
var yAxis = {{ yAxis|safe }}
var chart = {{ chart|safe }}
</script>
{% endblock body %}
{% block mainright %}
{% endblock mainright %}
Ich hätte aber gerne, dass dort wo "Slice" steht A, B und C steht, also beim blauen "A", beim schwarzen "B" und beim grünen "C".
Zur Not ginge auch, dass das "Slice" ganz verschwindet und ich unten drunter eine Legende mache mit Blau = A, Schwarz = B, Grün = C.