I have to write program that can edit a chart with real-time input, which will help my Scene Developer experience, but i'm completely lost.

In this assignment, rather than putting too much manual effort in Swing, by using ready-to-use components of the JavaFX, we will develop a professional looking histogram application.

First, you need to install "Scene Developer". After installing "Scene Developer", open your fxml file using Scene Developer, and update the UI as requested.

There should be 1 BarChart, 1 PieChart, 1 ComboBox and 2 buttons in the GUI.

When the GUI is initially launched, BarChart chart type will be displayed in the ComboBox and BarChart will be visible.

When the Input Data button is pressed, a dialog will be opened, and user will be able to input some text. If Cancel is pressed, the "Input Your Text" dialog will be closed and the screen won't be refreshed. However, if "OK" button is pressed, the the "Input Your Text"dialog will be closed and the active chart type will be refreshed.

Implement "changed" function of the ComboBox, and according to the selection, the selected chart will be refreshed.

Implement the "private void paint" function and the "public void initialize(URL url, ResourceBundle rb)" function.

The code to implement:

package assignment6;

import java.net.URL;

import java.util.Arrays;

import java.util.Optional;

import java.util.ResourceBundle;

import javafx.application.Platform;

import javafx.beans.value.ChangeListener;

import javafx.beans.value.ObservableValue;

import javafx.event.ActionEvent;

import javafx.fxml.FXML;

import javafx.fxml.Initializable;

import javafx.scene.chart.BarChart;

import javafx.scene.chart.PieChart;

import javafx.scene.chart.XYChart;

import javafx.scene.chart.XYChart.Series;

import javafx.scene.control.Button;

import javafx.scene.control.ButtonBar.ButtonData;

import javafx.scene.control.ButtonType;

import javafx.scene.control.ComboBox;

import javafx.scene.control.Dialog;

import javafx.scene.control.TextField;

import javafx.scene.layout.GridPane;

import javafx.stage.Stage;

enum ChartType{barChart, pieChart};

public class FXMLDocumentController implements Initializable {

final int TOTAL_CHARS = 26;

ChartType mChartType;

int mChars[];

@FXML

private void didClickCloseButton(ActionEvent event){

Stage stage = (Stage) mButtonClose.getScene().getWindow();

stage.close();

}

private String showInputDialog(){

Dialog dialog = new Dialog();

dialog.setTitle("Input your text");

ButtonType okButton = new ButtonType("OK", ButtonData.OK_DONE);

dialog.getDialogPane().getButtonTypes().addAll(okButton,

ButtonType.CANCEL);

GridPane gridPane = new GridPane();

gridPane.setHgap(10);

gridPane.setVgap(10);

TextField inputText = new TextField();

inputText.setPromptText("Input Text");

gridPane.add(inputText, 0, 0);

dialog.getDialogPane().setContent(gridPane);

Platform.runLater(()->inputText.requestFocus());

dialog.setResultConverter((ButtonType dialogButton) -> {

if (dialogButton == okButton) {

return (inputText.getText());

}

return (null);

});

Optional result = dialog.showAndWait();

return (result.get());

}

private void paint(){

// implement this function

// This function according to the mChartType IMPLEMENT THIS FUNCTION

// refreshes either BarChart or PieChart

// It needs to add each item and its occurrence (for instance 'a',

2)

// to the selected chart for each character in the alpabet

}

@FXML

private void didClickInputButton(ActionEvent event) {

Arrays.fill(mChars, 0);

String s = showInputDialog();

if ((s!= null) && (s.trim().length() > 0)){

s = s.toLowerCase();

for (int i=0;i

Character ch = s.charAt(i);

if (Character.isAlphabetic(ch)){

int index = ch - 'a';

mChars[index]++;

}

}

}

paint();

}

@Override

public void initialize(URL url, ResourceBundle rb) {

// implement this function

// 1. initialize the mChars array

// 2. make mPieChart hidden

// 3. set mChartType to barChart

// 4. add "BarChart" and "PieChart" to the comboBox IMPLEMENT THIS FUNCTION

// 5. set selected item "BarChart" in the combobox

// 6. add ChangeListener to ComboBox, and implement changed event

// 7. In the changed event update the mChartType according to

newValue and

// 8. update the visibility of the charts accordingly

// 9. call the paint

}

}

Character Histogram 110 100 90 80 70 60 50 40 30 20 10 Input your text aabbc Cancel OK Char BarChart Input Data Close Character Histogram 110 100 90 80 70 60 50 40 30 20 10 Input your text aabbc Cancel OK Char BarChart Input Data Close