Slide Show of Monthly Region wise Data
First Create Two Global variable .
V_pbcounting : Integer (0)
AutoChart_Player : String (Play)
Now add PAGEBOOK in your Application.
Add 5 Pages in It . // I Have Taken Example for 5 Months Only June 2013 , July 2013 … October 2013
Set Transition Effect “Slid In”.
Now Add 5 Charts & 5 Text Box in your PAGEBOOK .
1 Text & 1 Chart in Each Page of PAGEBOOK .
CSS Style for all TEXT :
-ms-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
border-style:solid;
text-align:center;
Now add 2 more TEXTs (TEXT_5 : ”Counting” And TEXT_6) Outside PAGEBOOK (In Application )
& 2 Buttons
- PLAY_BTN_1
- PAUSE_BTN_1 .
Now In “On StartUp” Write the Code below .
- APPLICATION.doBackgroundProcessing();
Now In “On Background Processing” Write the Code below .
if (AutoChart_Player == "Play") {
v_pbcounting = v_pbcounting + 1;
TEXT_6.setText(Convert.floatToString(v_pbcounting + 0.00));
if (v_pbcounting == 20) {
PAGEBOOK_1.setSelectedPageIndex(1);
APPLICATION.doBackgroundProcessing();
}
else {
if (v_pbcounting == 40) {
PAGEBOOK_1.setSelectedPageIndex(2);
APPLICATION.doBackgroundProcessing();
}
else {
if (v_pbcounting == 60) {
PAGEBOOK_1.setSelectedPageIndex(3);
APPLICATION.doBackgroundProcessing();
}
else {
if (v_pbcounting == 80) {
PAGEBOOK_1.setSelectedPageIndex(4);
APPLICATION.doBackgroundProcessing();
}
else {
if (v_pbcounting == 100) {
PAGEBOOK_1.setSelectedPageIndex(0);
APPLICATION.doBackgroundProcessing();
v_pbcounting = 0;
}
else {
APPLICATION.doBackgroundProcessing();
}
}
}
}
}
}
else {
"";
}
Now Provide “Play” & “Pause” Button in Application .
Now In “PLAY_BTN_1” OnClick Write the Code below .
AutoChart_Player = "Play";
PLAY_BTN_2.setVisible(false);
PAUSE_BTN_1.setVisible(true);
- APPLICATION.doBackgroundProcessing();
Now In “PAUSE_BTN_1” OnClick Write the Code below .
AutoChart_Player = "Pause";
PLAY_BTN_2.setVisible(true);
PAUSE_BTN_1.setVisible(false);
Application will Look Like :
You Can Use SetFilter Also to change the Data in Different Chart .