JavaFX - Gráfico de dispersão
Um gráfico de dispersão é um tipo de gráfico que usa valores de duas variáveis traçadas em um plano cartesiano. Geralmente é usado para descobrir a relação entre duas variáveis.
A seguir está um gráfico de dispersão traçado entre a área e o peso.
No JavaFX, um gráfico Scatter é representado por uma classe chamada ScatterChart. Esta classe pertence ao pacotejavafx.scene.chart. Ao instanciar essa classe, você pode criar um nó ScatterChart no JavaFX.
Etapas para gerar gráfico de dispersão
Para gerar um gráfico de área em JavaFX, siga as etapas fornecidas abaixo.
Etapa 1: Criação de uma classe
Crie uma classe Java e herde o Application classe do pacote javafx.application. Você pode então implementar ostart() método desta classe da seguinte forma.
public class ClassName extends Application {
@Override
public void start(Stage primaryStage) throws Exception {
}
}
Etapa 2: Definindo o eixo
Defina os eixos X e Y do gráfico de área e defina rótulos para eles. Em nosso exemplo, o eixo X representa a área e o eixo Y representa os pesos.
//Defining the x axis
NumberAxis xAxis = new NumberAxis(0, 12, 3);
xAxis.setLabel("Area");
//Defining the y axis
NumberAxis yAxis = new NumberAxis(0, 16, 4);
yAxis.setLabel("Weight");
Etapa 3: Criação do gráfico de dispersão
Crie um gráfico de linha instanciando a classe chamada ScatterChart do pacote javafx.scene.chart. Para o construtor desta classe, passe os objetos que representam os eixos X e Y criados na etapa anterior.
//Creating the Scatter chart
ScatterChart<String, Number> scatterChart = new ScatterChart(xAxis, yAxis);
Etapa 4: preparando os dados
Instancie o XYChart.Series classe e adicione os dados (uma série de coordenadas xey) à lista observável desta classe da seguinte forma -
//Prepare XYChart.Series objects by setting data
XYChart.Series series = new XYChart.Series();
series.getData().add(new XYChart.Data(8, 12));
series.getData().add(new XYChart.Data(4, 5.5));
series.getData().add(new XYChart.Data(11, 14));
series.getData().add(new XYChart.Data(4, 5));
series.getData().add(new XYChart.Data(3, 3.5));
series.getData().add(new XYChart.Data(6.5, 7));
Etapa 5: adicionar dados ao gráfico de dispersão
Adicione a série de dados preparada na etapa anterior ao gráfico de dispersão da seguinte forma -
//Setting the data to scatter chart
scatterChart.getData().addAll(series);
Etapa 6: Criação de um objeto de grupo
No start() método, crie um objeto de grupo instanciando a classe chamada Group. Isso pertence ao pacotejavafx.scene.
Passe o objeto ScatterChart (nó) criado na etapa anterior como um parâmetro para o construtor da classe Group. Isso deve ser feito para adicioná-lo ao grupo da seguinte forma -
Group root = new Group(scatterChart);
Etapa 7: Criação de um objeto de cena
Crie uma cena instanciando a classe chamada Scene, que pertence ao pacote javafx.scene. Para esta classe, passe o objeto Grupo (root) criado na etapa anterior.
Além do Objeto Raiz, você também pode passar dois parâmetros duplos representando a altura e a largura da tela, junto com o objeto da classe Grupo da seguinte maneira.
Scene scene = new Scene(group ,600, 300);
Etapa 8: Definir o título do palco
Você pode definir o título do palco usando o setTitle() método do Stageclasse. oprimaryStage é um objeto Stage, que é passado para o método start da classe Scene como um parâmetro.
Usando o primaryStage objeto, defina o título da cena como Sample Application do seguinte modo.
primaryStage.setTitle("Sample Application");
Etapa 9: Adicionando cena ao palco
Você pode adicionar um objeto Scene ao palco usando o método setScene() da classe chamada Stage. Adicione o objeto Scene preparado nas etapas anteriores usando este método como segue.
primaryStage.setScene(scene);
Etapa 10: Exibindo o conteúdo do palco
Exibir o conteúdo da cena usando o método chamado show() do Stage classe da seguinte forma.
primaryStage.show();
Etapa 11: iniciar o aplicativo
Inicie o aplicativo JavaFX chamando o método estático launch() do Application classe do método principal da seguinte forma.
public static void main(String args[]){
launch(args);
}
Exemplo
A tabela a seguir contém dados de amostra plotados entre área e peso.
Área | Peso |
---|---|
8 | 12 |
4 | 5,5 |
11 | 14 |
4 | 5 |
3 | 3,5 |
6,5 | 7 |
A seguir está um programa Java que gera um gráfico de dispersão que descreve os dados acima usando JavaFX.
Salve este código em um arquivo com o nome ScatterChartExample.java.
import javafx.application.Application;
import static javafx.application.Application.launch;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.stage.Stage;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.ScatterChart;
import javafx.scene.chart.XYChart;
public class ScatterChartExample extends Application {
@Override
public void start(Stage stage) {
//Defining the axes
NumberAxis xAxis = new NumberAxis(0, 12, 3);
xAxis.setLabel("Area");
NumberAxis yAxis = new NumberAxis(0, 16, 4);
yAxis.setLabel("Weight");
//Creating the Scatter chart
ScatterChart<String, Number> scatterChart =
new ScatterChart(xAxis, yAxis);
//Prepare XYChart.Series objects by setting data
XYChart.Series series = new XYChart.Series();
series.getData().add(new XYChart.Data(8, 12));
series.getData().add(new XYChart.Data(4, 5.5));
series.getData().add(new XYChart.Data(11, 14));
series.getData().add(new XYChart.Data(4, 5));
series.getData().add(new XYChart.Data(3, 3.5));
series.getData().add(new XYChart.Data(6.5, 7));
//Setting the data to scatter chart
scatterChart.getData().addAll(series);
//Creating a Group object
Group root = new Group(scatterChart);
//Creating a scene object
Scene scene = new Scene(root, 600, 400);
//Setting title to the Stage
stage.setTitle("Scatter Chart");
//Adding scene to the stage
stage.setScene(scene);
//Displaying the contents of the stage
stage.show();
}
public static void main(String args[]){
launch(args);
}
}
Compile e execute o arquivo java salvo no prompt de comando usando os comandos a seguir.
javac ScatterChartExample.java
java ScatterChartExample
Ao ser executado, o programa acima gera uma janela JavaFX exibindo um gráfico de dispersão conforme mostrado abaixo.