Draw text and lines on a XYChart

[susieferrari]

Hi all,

I have a XYChart to plot data as line and a CSS file for graph settings: my code is this

public class JavaFXApplication2 extends Application {

    @Override
    public void start(Stage stage) {
       stage.setTitle("Lines plot");
       
       final CategoryAxis xAxis = new CategoryAxis();
       final NumberAxis yAxis = new NumberAxis();
              
       final LineChart<String, Number>lineChart = new LineChart<String, Number>(xAxis, yAxis);
       
       //lineChart.setTitle("Stock quotes");
       lineChart.setCreateSymbols(false);
       lineChart.setAlternativeRowFillVisible(false);
              
       XYChart.Series series1 = new XYChart.Series();
        //series1.setName("Stock 1");
        series1.getData().add(new XYChart.Data("Jan", 23));
        series1.getData().add(new XYChart.Data("Feb", 14));
        series1.getData().add(new XYChart.Data("Mar", 15));
        series1.getData().add(new XYChart.Data("Apr", 24));
        series1.getData().add(new XYChart.Data("May", 34));
        series1.getData().add(new XYChart.Data("Jun", 36));
        series1.getData().add(new XYChart.Data("Jul", 22));
        series1.getData().add(new XYChart.Data("Aug", 45));
        series1.getData().add(new XYChart.Data("Sep", 43));
        series1.getData().add(new XYChart.Data("Oct", 17));
        series1.getData().add(new XYChart.Data("Nov", 29));
        series1.getData().add(new XYChart.Data("Dec", 25));

Scene scene = new Scene(lineChart, 800, 600);
        lineChart.getData().addAll(series1, series2);
        
        stage.setScene(scene);
        scene.getStylesheets().add(this.getClass().getResource("linechart.css").toExternalForm());
        stage.show();
           
    }
    public static void main(String[] args) {
        launch(args);
    }
}

I would like to draw text and lines on this chart by selecting a "Text" button or a "Line" button, then write a custom text by keyboard input or draw a line by mouse click and drag, anywhere on the chart.

I have read about how to write text in this doc

http://docs.oracle.com/javafx/2.0/text/jfxpub-text.htm

, but there are no clues about what I would like to accomplish.

Any help greatly appreciated

Thanks

Susanna
skype:susie.ferrari

[susieferrari]

None reply...

[susieferrari]

Found a good example to draw free hand on a scene

package javafxapplication3;

import javafx.application.Application;
import javafx.event.EventHandler;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.paint.Color;
import javafx.scene.input.MouseEvent;
import javafx.scene.control.Button;
import javafx.scene.layout.StackPane;
import javafx.scene.shape.LineTo;
import javafx.scene.shape.MoveTo;
import javafx.scene.shape.Path;
import javafx.stage.Stage;


/**
 *
 * @author Susie
 */
public class JavaFX_MouseEvent extends Application {


   Path path;
   
    public static void main(String[] args) {
        launch(args);
    }
    
    @Override
    public void start(Stage primaryStage) {
      primaryStage.setTitle("Mouse free hand drawing");  
      Group root = new Group();
      Scene scene = new Scene(root, 600, 350);
      
      path = new Path();
      path.setStrokeWidth(1);
      path.setStroke(Color.BLACK);
      
      scene.setOnMouseClicked(mouseHandler);
      scene.setOnMouseDragged(mouseHandler);
      scene.setOnMouseEntered(mouseHandler);
      scene.setOnMouseExited(mouseHandler);
      scene.setOnMouseMoved(mouseHandler);
      scene.setOnMousePressed(mouseHandler);
      scene.setOnMouseReleased(mouseHandler);
      
      root.getChildren().add(path);
      primaryStage.setScene(scene);
      primaryStage.show();
      
    }
    
      EventHandler<MouseEvent> mouseHandler = new EventHandler<MouseEvent>(){
         
            @Override
          public void handle(MouseEvent mouseEvent){
            
              if(mouseEvent.getEventType()==MouseEvent.MOUSE_PRESSED){
                  //path.getElements().clear();
                  path.getElements().add(new MoveTo(mouseEvent.getX(), mouseEvent.getY()));
              }
              else if(mouseEvent.getEventType()==MouseEvent.MOUSE_DRAGGED){
                  path.getElements().add(new LineTo(mouseEvent.getX(), mouseEvent.getY()));
              }
          }
      };
    }

How to modify this code to draw Text or straight lines?

Thanks

Susie