Change the Tick Label Value of X Axis in Java FX

[alex antony]

Hi all,

I have tried out some samples with Java FX and it is exciting.I have been trying to generate a dynamic Graph using JavaFX .It Worked out Well and i was able to see the Graph Moving .But as the Graph Moves i Would also like to see my x-axis labels moving.But i dont know how to do it .

I am posting my code here.

/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

package labs313674;

import javafx.stage.Stage;
import java.util.Random;
import java.util.Timer;
import java.util.TimerTask;
import javafx.scene.Scene;


import javafx.scene.paint.Color;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
/**
 * @author empqsue
 */
var randomGraph : AnimatedLineChart = AnimatedLineChart {
title: "SGSN-AIRTEL FUN"
//lineName: "PDP-CONTEXT "
xMaxValue:50
yMaxValue:150;
}

var randomGraph1 : AnimatedLineChart = AnimatedLineChart {
title: "SGSN-AIRTEL GPRS"
//lineName: "PDP-CONTEXT "
xMaxValue:50
yMaxValue:150;
}

var randomGraph2 : AnimatedLineChart = AnimatedLineChart {
title: "SGSN-DP ACCESS"
//lineName: "PDP-CONTEXT "
xMaxValue:50
yMaxValue:150;
}

class LineChartDataTask extends TimerTask {
def rand: Random = new Random(new java.util.Date().getTime());
def base: Number = 150 / 2;
override function run() {
var b: Boolean = rand.nextBoolean();

var r: Number;
if (b) {
r = base + rand.nextInt(25);
} else {
r = base - rand.nextInt(25);
}
randomGraph.addValue(r);
randomGraph1.addValue(r);
randomGraph2.addValue(r);
}
};

def timer: Timer = new Timer("TimerThread");
def task: LineChartDataTask = new LineChartDataTask();
timer.schedule(task, 0, 1000);

Stage {


    title: "Airtel SGSN Real-Time Monitoring"
    scene: Scene {

width: 300
height: 400
fill: Color.YELLOW
content : [
VBox {
	content: [


HBox {
    content: [
        randomGraph ,randomGraph1,randomGraph2
    ]
 } 

]
}

]


    }

    }

/*
 * To change this template, choose Tools | TemplSwingRadioButton {
text: "RadioButton"
}
ates
 * and open the template in the editor.
 */

package labs313674;


import javafx.scene.CustomNode;
import javafx.scene.chart.LineChart;
import javafx.scene.chart.part.Side;
import javafx.scene.chart.part.NumberAxis;
import javafx.scene.chart.*;
import javafx.scene.chart.part.*;


import javafx.scene.paint.Color;
import javafx.scene.control.Label;
/**
 * @author empqsue
 */

public class AnimatedLineChart extends CustomNode {

public var title : String;
public var lineName : String;
public var xMaxValue : Integer;
public var yMaxValue : Integer;
var values : LineChart.Data[];

init {
insert LineChart {
showSymbols: false;
title: bind title
legendSide: Side.RIGHT
//legendVisible: true
xAxis:  NumberAxis {
label: "Time (sec.)"
lowerBound: 0
upperBound: bind xMaxValue
minorTickVisible: true
tickUnit: 5
minorTickCount: 5
tickLabelsVisible: true

}
yAxis: NumberAxis {
lowerBound: 0
upperBound: bind yMaxValue
formatTickLabel: function(value) { "{%.0f value}" }
}
data: [
LineChart.Series {
name: bind lineName
data: bind values
fill: Color.RED
}
]
} into children;
}
public function addValue(v:Integer) {
var arraySize : Integer = sizeof values;
//when the line reached the right border of the graph
if (arraySize >= xMaxValue) {
//delete the first (left most) element in the graph
delete values[0];
//and shift all values left
for (data in values) {
data.xValue = data.xValue - 1;
}
}
insert LineChart.Data { xValue:arraySize , yValue: v } into values;
}
}

These are the two classes that i am using main.fx and AnimatedLineChart.fx In the Main .fx i have created a timer thread for one second and it calls the AnimatedLineChart.fx and deletes the rightmost value and adds the new Value to the left hand side which creates a moving impression.But the concern is the X-Axis Labels dont change.How to do that


Any Help is highly Appreciated

[Mohamed Sanaulla]

Am just guessing- Did you try overriding the formatTickLabel variable for xAxis- Like the way you have implemented for yAxis?

[alex antony]

Thanks for the reply.

The Thing is The Tick Values for Y Axis will remain Constant but for the X-Axis it will change as the thread runs.

Thats why i dint override the formatticklabel method in the normal way that i did for y axis.

The Function addvalue is called by the thread each second and the actual value of the graph is updated through this function data.xVValue=data.XValue-1 ;So I would need a method that i call which can update the xAxis tick label value

I Tried this inside the for loop xAxis.formatTickLabel function (value) {} but doesnt seem to work

Any Suggestions !

[Mohamed Sanaulla]

You can have a look at tickMarks variable which accepts an array of TickMark. May be you can bind the tickMarks variable with some constant TickMark[] and keep changing the variables of the TickMark instances in the TickMark[].

[alex antony]

Sounds Great !.I Will try that and get to you back in case i hang still