We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Essential JS2

Syncfusion jQuery based widgets are no longer in active development. Switch to our pure JavaScript based next generation Essential JS 2 library.

Syncfusion Feedback

Documentation for hosting chart created with AngularJS in Google App Engine

Platform: jQuery |
Control: ejChart

Essential chart can be hosted in Goggle app engine. To host chart in google app engine, follow the below steps.


  • Create a new Cloud Platform Console project or retrieve the project ID of an existing project to use:



                 Note: If project is already created, ignore this step 


  • Install and then initialize the Google Cloud SDK: 

           https://cloud.google.com/sdk/docs/ o


                Note: If Google Cloud SDK is already installed, ignore this step 


  • Create a folder in the name of the project. 


  • Create app.yaml file with the following contents 



                Note: app.yaml file contains the configuration for the application. We have used python 2.7 runtime to run our application.Index.html is the static html file with chart created using AngularJS. 





  • Create a folder named “www” inside the project folder.  


       Note: This folder is not necessary. We have added it based on the “Basic structure

of the project” section in following link https://cloud.google.com/appengine/docs/python/getting-started/hosting-a-static-website to separate the HTML, CSS, JavaScript and image files required for the application. 


  • Create index.html (html file mentioned in app.yaml) inside “www“ folder with chart widget using AngularJS. The required scripts are mentioned below.



  • Create a folder named js inside the www folder. We are placing the scripts required by chart widget inside this folder. 
  • Place the scripts required for rendering chart widget inside the js folder. We can use the http://csg.syncfusion.com online script generator to generate the script required for chart widget. 


  • Deploy the project using the command gcloud app deploy project <project id>

Eg: gcloud app deploy --project default 


  • We can view our application in browser using the command gcloud app browse --project <project id> 

Eg: gcloud app browse --project default 


Hosted Link

We have prepared a simple chart with trackball feature enabled using AngularJS and hosted it in the following link: https://ejchart-149705.appspot.com/ 


The output of above link is depicted in following screenshot

Figure 1: Chart with trackball feature




Sample Link:




You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile