GWT Highcharts Tutorial
Selected Reading
- GWT Highcharts - Discussion
- GWT Highcharts - Useful Resources
- GWT Highcharts - Quick Guide
- GWT Highcharts - Map Charts
- GWT Highcharts - 3D Charts
- GWT Highcharts - Combinations
- GWT Highcharts - Dynamic Charts
- GWT Highcharts - Scatter Chart
- GWT Highcharts - Pie Charts
- GWT Highcharts - Column Charts
- GWT Highcharts - Bar Charts
- GWT Highcharts - Area Charts
- GWT Highcharts - Line Charts
- Configuration Syntax
- Environment Setup
- GWT Highcharts - Overview
- GWT Highcharts - Home
Selected Reading
- Who is Who
- Computer Glossary
- HR Interview Questions
- Effective Resume Writing
- Questions and Answers
- UPSC IAS Exams Notes
Environment Setup
GWT Highcharts - Environment Setup
This tutorial will guide you on how to prepare a development environment to start your work with Highcharts and GWT Framework. This tutorial will also teach you how to setup JDK, Tomcat and Ecppse on your machine before you setup GWT Framework −
System Requirement
GWT requires JDK 1.6 or higher so the very first requirement is to have JDK installed in your machine.
| JDK | 1.6 or above. |
|---|---|
| Memory | no minimum requirement. |
| Disk Space | no minimum requirement. |
| Operating System | no minimum requirement. |
Follow the given steps to setup your environment to start with GWT apppcation development.
Step 1 - Verify Java Installation on your Machine
Now open console and execute the following java command.
| OS | Task | Command |
|---|---|---|
| Windows | Open Command Console | c:> java -version |
| Linux | Open Command Terminal | $ java -version |
| Mac | Open Terminal | machine:~ joseph$ java -version |
Let s verify the output for all the operating systems
| Sr.No. | OS & Generated Output |
|---|---|
| 1 |
Windows java version "1.6.0_21" Java(TM) SE Runtime Environment (build 1.6.0_21-b07) Java HotSpot(TM) Cpent VM (build 17.0-b17, mixed mode, sharing) |
| 2 |
Linux java version "1.6.0_21" Java(TM) SE Runtime Environment (build 1.6.0_21-b07) ava HotSpot(TM) Cpent VM (build 17.0-b17, mixed mode, sharing) |
| 3 |
Mac java version "1.6.0_21" Java(TM) SE Runtime Environment (build 1.6.0_21-b07) Java HotSpot(TM)64-Bit Server VM (build 17.0-b17, mixed mode, sharing) |
Step 2 - Setup Java Development Kit (JDK)
If you do not have Java installed then you can install the Java Software Development Kit (SDK) from Oracle s Java site: . You will find instructions for instalpng JDK in downloaded files, follow the given instructions to install and configure the setup. Finally set PATH and JAVA_HOME environment variables to refer to the directory that contains java and javac, typically java_install_dir/bin and java_install_dir respectively.
Set the JAVA_HOME environment variable to point to the base directory location where Java is installed on your machine. For example
| Sr.No. | OS & Output |
|---|---|
| 1 |
Windows Set the environment variable JAVA_HOME to C:Program FilesJavajdk1.6.0_21 |
| 2 |
Linux export JAVA_HOME = /usr/local/java-current |
| 3 |
Mac export JAVA_HOME = /Library/Java/Home |
Append Java compiler location to System Path.
| Sr.No. | OS & Output |
|---|---|
| 1 |
Windows Append the string ;%JAVA_HOME%in to the end of the system variable, Path. |
| 2 |
Linux export PATH=$PATH:$JAVA_HOME/bin/ |
| 3 |
Mac not required |
Alternatively, if you use an Integrated Development Environment (IDE) pke Borland JBuilder, Ecppse, IntelpJ IDEA, or Sun ONE Studio, compile and run a simple program to confirm that the IDE knows where you installed Java, otherwise do proper setup as given document of the IDE.
Step 3 - Setup Ecppse IDE
All the examples in this tutorial have been written using Ecppse IDE. So I would suggest you should have latest version of Ecppse installed on your machine based on your operating system.
To install Ecppse IDE, download the latest Ecppse binaries from . Once you downloaded the installation, unpack the binary distribution into a convenient location. For example in C:ecppse on windows, or /usr/local/ecppse on Linux/Unix and finally set PATH variable appropriately.
Ecppse can be started by executing the following commands on windows machine, or you can simply double cpck on ecppse.exe
%C:ecppseecppse.exe
Ecppse can be started by executing the following commands on Unix (Solaris, Linux, etc.) machine −
$/usr/local/ecppse/ecppse
After a successful startup, if everything is fine then it should display following result −
Step 4: Install GWT SDK & Plugin for Ecppse
Follow the instructions given at the pnk to install GWT SDK & Plugin for Ecppse version installed on your machine.
After a successful setup for the GWT plugin, if everything is fine then it should display following screen with Google icon marked with red rectangle as shown below −
Step 5: Install Highcharts
Download the latest Highcharts jar from its page and add it to project s classpath.
Add the following entry in <project-name>.gwt.xml file
<inherits name="org.moxieapps.gwt.highcharts.Highcharts"/>
Add the following entry in <project-name>.html file
<script src = "https://ajax.googleapis.com/ajax/pbs/jquery/2.1.3/jquery.min.js"/> <script src = "https://code.highcharts.com/highcharts.js"/> <script type="text/javascript" src="https://code.highcharts.com/highcharts-3d.js" /> <script type="text/javascript" src="https://code.highcharts.com/highcharts-more.js" /> <script src = "https://code.highcharts.com/modules/heatmap.js" /> <script src = "https://code.highcharts.com/modules/treemap.js" />Advertisements