Using Highcharts With Play Framework

Table of contents
Reading Time: 2 minutes

Highcharts is a charting library written in pure HTML5/JavaScript, offering intuitive, interactive charts to your web site or web application.

Highcharts are interactive Javascript charts which you can use very easily with any Play application. Its using graphical representation of your data.

There are 2 types of Highchart API’s :

1. Highcharts API

2. Highstock API

Implementetation of Charts:

1. Adding libraries for Highcharts  in main.scala.html

2. Adding a div where Highchart is rendered in html file

3. Adding javascript code in bubbleChartHandler.js which provides data for rendering chart

4. Now Adding action in Application.scala


Check the application and the code base on bellow links:

This is the start, from next week onwards we would be working on this application to make it grow. We would look at how we can make it reactive, then we would be adding more modules to it together. If you have any changes then feel free to send in pull requests and we would do the merges 🙂 Stay tuned.








1 thought on “Using Highcharts With Play Framework2 min read

Comments are closed.