|
GFCharts Quick Start |
 |
 |
|
Written by Fadi
|
|
Friday, 31 December 2010 17:17 |
GFCharts is a simple way to integrate the widely popular Fusion Charts in Google Web Toolkit. A chart is simply a GWT Widget in which you can manipulate and use seamlessly...
Follow these steps to get started!
- To start you need to download the stable version of GFCharts!
- Extraxt The archive and put gfcharts.jar in your build path!
- Inhert gfcharts in your gwt.xml file:
<inherits name='net.dudesblog.gfcharts.GFCharts'/>
- In your war folder add the .swf files from fusioncharts pack along with the .js files in a folder called resources > chart > fusion. as the following image suggests:
- Include FusionCharts.js in your application .html file:
<script type="text/javascript" language="javascript"
src="/website/resources/chart/fusion/FusionCharts.js">
</script>
- Use it in your client side!
// Create the Data Object
FusionChartExtendedData chartData = new FusionChartExtendedData();
// Add Chart Properties
chartData.addChartProperty("caption", "Population Chart");
chartData.addChartProperty("showValues", "0");
chartData.addChartProperty("sNumberSuffix", "%");
chartData.addChartProperty("decimals", "3");
chartData.addChartProperty("setAdaptiveYMin", "1");
chartData.addChartProperty("setAdaptiveSYMin", "1");
chartData.addChartProperty("lineThickness", "5");
// Add Chart Categories
chartData.addCategory("2000");
chartData.addCategory("2001");
chartData.addCategory("2002");
chartData.addCategory("2003");
chartData.addCategory("2004");
chartData.addCategory("2005");
// Create Data Set
FusionChartExtendedDataSet dataSet = new FusionChartExtendedDataSet();
// Add Data Set Properties
dataSet.addDataSetProperty("seriesname", "Population");
// Add Data Set Values
dataSet.addValue("275562673");
dataSet.addValue("278558081");
dataSet.addValue("280562489");
dataSet.addValue("290342551");
dataSet.addValue("290342551");
dataSet.addValue("293027112");
// Add Data Set To The Chart Data Object
chartData.addDataSet(dataSet);
// Create Data Set
dataSet = new FusionChartExtendedDataSet();
// Add Data Set Properties
dataSet.addDataSetProperty("parentYAxis", "S");
dataSet.addDataSetProperty("seriesname", "Birth Rate");
// Add Data Set Values
dataSet.addValue("1.42");
dataSet.addValue("1.42");
dataSet.addValue("1.41");
dataSet.addValue("1.414");
dataSet.addValue("1.413");
dataSet.addValue("1.414");
// Add Data Set To The Chart Data Object
chartData.addDataSet(dataSet);
// Create Data Set
dataSet = new FusionChartExtendedDataSet();
// Add Data Set Properties
dataSet.addDataSetProperty("parentYAxis", "S");
dataSet.addDataSetProperty("seriesname", "Death Rate");
// Add Data Set Values
dataSet.addValue("0.87");
dataSet.addValue("0.87");
dataSet.addValue("0.87");
dataSet.addValue("0.844");
dataSet.addValue("0.834");
dataSet.addValue("0.825");
// Add Data Set To The Chart Data Object
chartData.addDataSet(dataSet);
// Finally Create The Chart Itself
FusionChartWidget chart = new FusionChartWidget(FusionCharts.MSCombiDY2D, chartData);
chart.setTransparent(true);
// Now add it to a container
somePanel.add(chart);
// Create the Data Object
FusionChartExtendedData chartData = new FusionChartExtendedData();
// Add Chart Properties
chartData.addChartProperty("caption", "Population Chart");
chartData.addChartProperty("showValues", "0");
chartData.addChartProperty("sNumberSuffix", "%");
chartData.addChartProperty("decimals", "3");
chartData.addChartProperty("setAdaptiveYMin", "1");
chartData.addChartProperty("setAdaptiveSYMin", "1");
chartData.addChartProperty("lineThickness", "5");
// Add Chart Categories
chartData.addCategory("2000");
chartData.addCategory("2001");
chartData.addCategory("2002");
chartData.addCategory("2003");
chartData.addCategory("2004");
chartData.addCategory("2005");
// Create Data Set
FusionChartExtendedDataSet dataSet = new FusionChartExtendedDataSet();
// Add Data Set Properties
dataSet.addDataSetProperty("seriesname", "Population");
// Add Data Set Values
dataSet.addValue("275562673");
dataSet.addValue("278558081");
dataSet.addValue("280562489");
dataSet.addValue("290342551");
dataSet.addValue("290342551");
dataSet.addValue("293027112");
// Add Data Set To The Chart Data Object
chartData.addDataSet(dataSet);
// Create Data Set
dataSet = new FusionChartExtendedDataSet();
// Add Data Set Properties
dataSet.addDataSetProperty("parentYAxis", "S");
dataSet.addDataSetProperty("seriesname", "Birth Rate");
// Add Data Set Values
dataSet.addValue("1.42");
dataSet.addValue("1.42");
dataSet.addValue("1.41");
dataSet.addValue("1.414");
dataSet.addValue("1.413");
dataSet.addValue("1.414");
// Add Data Set To The Chart Data Object
chartData.addDataSet(dataSet);
// Create Data Set
dataSet = new FusionChartExtendedDataSet();
// Add Data Set Properties
dataSet.addDataSetProperty("parentYAxis", "S");
dataSet.addDataSetProperty("seriesname", "Death Rate");
// Add Data Set Values
dataSet.addValue("0.87");
dataSet.addValue("0.87");
dataSet.addValue("0.87");
dataSet.addValue("0.844");
dataSet.addValue("0.834");
dataSet.addValue("0.825");
// Add Data Set To The Chart Data Object
chartData.addDataSet(dataSet);
// Finally Create The Chart Itself
FusionChartWidget chart = new FusionChartWidget(FusionCharts.MSCombiDY2D, chartData);
chart.setTransparent(true);
// Now add it to a container
somePanel.add(chart);
The online demo has sample source code for creating most types of charts.
The demo application source code is included in the package.
|
|
|
GWT Fusion Charts (Released!) |
|
|
|
Written by Fadi
|
|
Thursday, 02 December 2010 20:45 |
GWT Fusioncharts is released Click here!
Simple way to integrate the widely popular Fusion Charts in Google Web Toolkit. A chart is simply a GWT Widget in which you can manipulate and use seamlessly...
Features:
-
Standard way to create charts.
-
Full support for Fusion chart properties.
-
Dynamic div naming, meaning you can have multiple charts on the same container.
-
Advanced data chart options (Using Java Objects, XML url, JSON url, XML string and JSON string).
-
No server side calls no rpc, pure client side solution.
-
Fully compatible with GXT and Smart GWT.
-
Cross Browser Compatability      .
Requirements:
-
JAVA 1.6+
-
GWT 2.0+
-
Fusion Charts 3.2+
|
|
Last Updated on Sunday, 06 February 2011 21:29 |
|
Hijri Wallpaper Clock Screenlet |
|
|
|
Written by Fadi
|
|
Saturday, 30 May 2009 18:59 |
|
A Screenlet that displays Hijri clock wallpapers , wallpaper clocks is a desktop wallpaper which refreshes every minute to keep your time and date precise as well as stylish in many artistic ways! to install the wcz file drag drop it into the screenlet area , use the install menu or extract the file to the wallpaper folder inside the screenlet folder. Also there is a Hijri theme I created which is called Issra' and it displays a site from the space for both earth and the moon, Issra' has the moon phases enabled with display for the Hijri months. You can download boththe screenlet and the wallpaper from my download page. 
|
|
Graphical Hijri Date |
|
|
|
Written by Fadi
|
|
Saturday, 23 May 2009 14:04 |
|
This module is Joomla! 1.5 Native, it is a very simple module that will display the Hijri Date in an elegant simple way! If you like it click here to download it! |
|
Written by Fadi
|
|
Wednesday, 23 July 2008 20:02 |
|
Monajat is a small application that popups Islamic prayers (azkar) every predetermind time. it is provided by Sabily Team (previously Ubuntu Muslim Edition).
License:
Monajat is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.
I don not maintain this application anymore, Brothers Moayyad Sadi and Ahmad mahmoudy Took over the application and rebuilt it using python. you can visit Monajat homepage on launchpad for more info. |
|
|
|
|
<< Start < Prev 1 2 Next > End >>
|
|
Page 1 of 2 |
