CodeName One Kreisdiagramm: Unterschied zwischen den Versionen

Aus Mediawiki der Ludwig-Geißler-Schule
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 5: Zeile 5:




<syntaxhighlight lang="java">


private void showPieChart() {
private void showPieChart() {
Zeile 14: Zeile 16:
             series.add(category, cost);
             series.add(category, cost);
         }
         }
</syntaxhighligtht>
--------
--------



Version vom 17. Juni 2024, 08:58 Uhr

1. Daten sammeln:

Die Daten für das Kreisdiagramm werden aus den Ausgabenfeldern gesammelt, die der Benutzer in der Benutzeroberfläche eingegeben hat. Diese Daten werden in einem CategorySeries Objekt gespeichert.



<syntaxhighlight lang="java">

private void showPieChart() {

       // Kreisdiagramm
       CategorySeries series = new CategorySeries("Ausgabenverteilung");
       for (int i = 0; i < expenseFields.size(); i++) {
           String category = expenseFields.get(i).getText();
           double cost = Double.parseDouble(costFields.get(i).getText());
           series.add(category, cost);
       }

</syntaxhighligtht>



2. Renderer einrichten:

Ein DefaultRenderer wird erstellt und konfiguriert. Dieser Renderer bestimmt das Aussehen des Diagramms, wie die Farben der Segmente, die Größe der Beschriftungen und ob die Werte angezeigt werden sollen.


// Set up the renderer

       DefaultRenderer renderer = buildCategoryRenderer(colors);
       renderer.setChartTitleTextSize(20);
       renderer.setLabelsTextSize(15);
       renderer.setDisplayValues(true);
       renderer.setShowLabels(true);


Der buildCategoryRenderer ist eine Methode, die den Renderer erstellt und die Farben der einzelnen Segmente festlegt.



3. Kreisdiagramm erstellen:

Ein PieChart Objekt wird mit den gesammelten Daten und dem konfigurierten Renderer erstellt.




4. Anzeigen des Diagramms:

Das Kreisdiagramm wird in einem Dialog angezeigt, der erstellt und konfiguriert wird, um das Diagramm in der Benutzeroberfläche anzuzeigen. Ein Schließen-Button wird ebenfalls hinzugefügt.