Learning Highcharts

Whether you’re a novice or an advanced web developer, this practical tutorial will enable you to produce stunning interactive charts using Highcharts. With a foreword by the creator, it’s the only guide you’ll need to get started.

Learning Highcharts

Learning
Joe Kuan

Whether you’re a novice or an advanced web developer, this practical tutorial will enable you to produce stunning interactive charts using Highcharts. With a foreword by the creator, it’s the only guide you’ll need to get started.
$26.99
$44.99
RRP $26.99
RRP $44.99
eBook
Print + eBook
$12.99 p/month

Want this title & more? Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.
+ Collection
Free sample

Book Details

ISBN 139781849519083
Paperback362 pages

About This Book

  • Step-by-step instructions with real-live data to create bar charts, column charts and pie charts, to easily create artistic and professional quality charts
  • Learn tips and tricks to create a variety of charts such as horizontal gauge charts, projection charts, and circular ratio charts
  • Use and integrate Highcharts with jQuery Mobile and ExtJS 4, and understand how to run Highcharts on the server-side
  • Add advanced reporting capabilities and understand how to select the right chart for your data

Who This Book Is For

This book is both for beginners and advanced web developers who need to create interactive charts for their web applications. It primarily targets JavaScript Web developers who want to use the Highcharts library to prepare interactive and professional-quality charts and graphs for their applications quickly and easily. Prior experience with JavaScript is assumed.

Table of Contents

Chapter 1: Web Charts
A short history of web charting
The uprising of JavaScript and HTML5
JavaScript charts on the market
Why Highcharts?
Highcharts – a quick tutorial
Summary
Chapter 2: Highcharts Configurations
Configuration structure
Understanding Highcharts layouts
Framing the chart with axes
Revisiting the series configuration
Exploring PlotOptions
Styling the tooltips
Animating charts
Expanding colors with gradients
Summary
Chapter 3: Line, Area, and Scatter Charts
Introducing line charts
Sketching an area chart
Mixing line and area series
Combining scatter and area series
Summary
Chapter 4: Bar and Column Charts
Introducing column charts
Introducing bar charts
Constructing a mirror chart
Converting a single bar chart into a horizontal gauge chart
Sticking the charts together
Summary
Chapter 5: Pie Charts
Understanding the relationship of chart, pie, and series
Plotting simple pie charts – single series
Plotting multiple pies in a chart – multiple series
Preparing a donut chart – multiple series
Building a chart with multiple series types
Summary
Chapter 6: Gauge, Polar, and Range Charts
Loading gauge, polar, and range charts
Plotting a speedometer gauge chart
Converting a spline chart to a polar/radar chart
Plotting range charts with market index data
Using a radial gradient on a gauge chart
Summary
Chapter 7: Highcharts APIs
Understanding the Highcharts class model
Using Highcharts APIs
Summary
Chapter 8: Highcharts Events
Introducing Highcharts events
Portfolio history example
Stocks' growth chart example
Summary
Chapter 9: Highcharts and jQuery Mobile
A short introduction of jQuery Mobile
Understanding a mobile page structure
Understanding page initialization
Linking between mobile pages
Highcharts in touch screen environments
Integrating Highcharts and jQuery Mobile using an Olympic medals table application
Drilling down for data with the point click event
Building a dynamic content dialog with the point click event
Applying the gesturechange (pinch actions) event to a pie chart
Summary
Chapter 10: Highcharts and Ext JS
Short introduction to Sencha Ext JS
A quick tour of Ext JS components
The Highcharts extension
A commercially Rich Internet Application with Highcharts – AppQoS
Summary
Chapter 11: Running Highcharts on the Server Side
Running Highcharts on the server side
Highcharts on the server side
Comparison between the approaches
Summary

What You Will Learn

  • Learning the basics—line, column, and pie charts and getting to grips with the latest features of Highcharts
  • Producing artistic, professional and funky charts with examples
  • Using the Highcharts APIs to produce interactive charts
  • Creating horizontal gauge chart and projection charts
  • Using Highcharts event handlers
  • Using Highcharts with jQuery Mobile
  • Using Highcharts with Ext JS 4
  • Running Highcharts on the server side

In Detail

Highcharts is a popular web charting software that produces stunning and smooth animated JavaScript and HTML5 SVG graphs. It is among the leading web charting software in the market and has been used in many different sectors — from financial to social websites. Although it is built on top of jQuery, it is so simple to construct that you need little programming skill to create a simple web chart. Highcharts works on all modern browsers and is solely based on native browser technologies and doesn't require client side plugins like Flash or Java.

"Learning Highcharts" is a comprehensive tutorial with clear and practical examples. This book follows a step by step approach towards making artistic, presentable, or professional style charts and other types of charts that you won’t find elsewhere. It also shows you how to integrate Highcharts with other popular frameworks, such as jQuery, jQuery Mobile, and ExtJS and even how to run it on the server side.

The book starts off with an introduction to Highcharts and demonstrates usage of its rich set of options. This is followed by an introduction to each type of basic chart, beginning with simple illustrations and ending with more artistic and productive additions to the charts. The book then guides you how to use the Highcharts API and events handling which are important to build interactive applications. It then goes on to show you how to apply Highcharts onto a popular AJAX Framework or even jQuery, jQuery Mobile and Ext JS. Finally the book shows readers how to set up Highcharts running on server side.

"Learning Highcharts" aims to teach you everything you need to know about Highcharts, and take the advanced leap from Flash to JavaScript, with this extremely productive and effective Charting software available, thus helping you build basic charts and even multiple series and axes charts. The book also shows you the flexibility of Highcharts and how to create other special charts. The programming side of APIs and event handling will benefit the readers in building advanced web applications with Highcharts. The book also guides readers on how to integrate Highcharts with popular frameworks such as jQuery Mobile and Ext JS. By the end of the book, you should be able to use Highcharts to suit your web page or application needs.

Authors

Table of Contents

Chapter 1: Web Charts
A short history of web charting
The uprising of JavaScript and HTML5
JavaScript charts on the market
Why Highcharts?
Highcharts – a quick tutorial
Summary
Chapter 2: Highcharts Configurations
Configuration structure
Understanding Highcharts layouts
Framing the chart with axes
Revisiting the series configuration
Exploring PlotOptions
Styling the tooltips
Animating charts
Expanding colors with gradients
Summary
Chapter 3: Line, Area, and Scatter Charts
Introducing line charts
Sketching an area chart
Mixing line and area series
Combining scatter and area series
Summary
Chapter 4: Bar and Column Charts
Introducing column charts
Introducing bar charts
Constructing a mirror chart
Converting a single bar chart into a horizontal gauge chart
Sticking the charts together
Summary
Chapter 5: Pie Charts
Understanding the relationship of chart, pie, and series
Plotting simple pie charts – single series
Plotting multiple pies in a chart – multiple series
Preparing a donut chart – multiple series
Building a chart with multiple series types
Summary
Chapter 6: Gauge, Polar, and Range Charts
Loading gauge, polar, and range charts
Plotting a speedometer gauge chart
Converting a spline chart to a polar/radar chart
Plotting range charts with market index data
Using a radial gradient on a gauge chart
Summary
Chapter 7: Highcharts APIs
Understanding the Highcharts class model
Using Highcharts APIs
Summary
Chapter 8: Highcharts Events
Introducing Highcharts events
Portfolio history example
Stocks' growth chart example
Summary
Chapter 9: Highcharts and jQuery Mobile
A short introduction of jQuery Mobile
Understanding a mobile page structure
Understanding page initialization
Linking between mobile pages
Highcharts in touch screen environments
Integrating Highcharts and jQuery Mobile using an Olympic medals table application
Drilling down for data with the point click event
Building a dynamic content dialog with the point click event
Applying the gesturechange (pinch actions) event to a pie chart
Summary
Chapter 10: Highcharts and Ext JS
Short introduction to Sencha Ext JS
A quick tour of Ext JS components
The Highcharts extension
A commercially Rich Internet Application with Highcharts – AppQoS
Summary
Chapter 11: Running Highcharts on the Server Side
Running Highcharts on the server side
Highcharts on the server side
Comparison between the approaches
Summary

Book Details

ISBN 139781849519083
Paperback362 pages
Read More