Highcharts Cookbook

Javascript developers can add the most amazing charts to their web applications by using Highcharts and this step-by-step guide gives you the works with over 80 practical recipes. Unleash its potential.

Highcharts Cookbook

Cookbook
Nicholas Terwoord

Javascript developers can add the most amazing charts to their web applications by using Highcharts and this step-by-step guide gives you the works with over 80 practical recipes. Unleash its potential.
$26.99
$44.99
RRP $26.99
RRP $44.99
eBook
Print + eBook
$12.99 p/month

Get Access

Get Unlimited Access to every Packt eBook and Video course

Enjoy full and instant access to over 3000 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 139781783559688
Paperback332 pages

About This Book

  • Create amazing interactive charts that update in realtime
  • Make charts that work wherever you go: phone or desktop; online or offline
  • Learn how to extend, and enhance Highcharts to design and develop charts easily
  • Learn how you can integrate charts into just about any project for analyzing statistical data

Who This Book Is For

"Highcharts Cookbook" is intended for JavaScript developers or other web programmers looking to add charting functionality to their web applications. Some familiarity with web application development would be helpful but is not required.

Table of Contents

Chapter 1: Getting Started with Highcharts
Introduction
Finding documentation on Highcharts
Creating your first chart
Including multiple series in one chart
Displaying multiple charts in one graph
Using the same data in multiple charts
Creating spiderweb graphs for comparison
Creating custom tooltips
Adding extra content to tooltips
Making charts internationalizable/localizable
Creating a new theme
Creating reusable graphs
Chapter 2: Processing Data
Introduction
Working with different data formats
Using AJAX for polling charts
Using WebSockets for real-time updates
Drilling down and filtering data
Using CSV, XML, or JSON with Highcharts
Handling cross-domain data
Handling dates
Chapter 3: Handling User Interaction
Introduction
Creating a simple poll
Making graphs zoomable
Creating master details graphs
Slicing and dicing time data
Annotating a chart
Developing dynamic tooltips
Taking actions on other events
Adding events after the chart is rendered
Chapter 4: Sharing Charts on the Web
Introduction
Rendering charts on the server side
Exporting images to different formats
E-mailing static charts
E-mailing dynamic charts
Preparing charts for printing
Chapter 5: Integrating with ExtJS
Introduction
Setting up a simple ExtJS project
Using Highcharts in ExtJS
Connecting your chart using Ext.data.Store
Observing live data using other Store types
Connecting your chart to Ext.app.Controller
Creating charts that inherit from other charts
Chapter 6: Integrating with jQuery
Introduction
Creating charts with jQuery
Using the data- attributes to load charts
Binding events using jQuery.on
Handling user interaction with jQuery
Updating a chart on the backend
Using jQuery UI tabs and Highcharts
Modifying charts using jQuery UI widgets
Putting charts in pages using jQuery Mobile
Chapter 7: Integrating with the Yii Framework
Introduction
Setting up a simple Yii project
Creating a chart from model data
Generating a chart with a Yii CLI command
Creating charts with a RESTful controller
Updating the model when the chart changes
Chapter 8: Integrating with Other Frameworks
Introduction
Using NodeJS as a data provider
Using Django as a data provider
Using Flask/Bottle as a data provider
Integrating with Backbone
Using AngularJS data bindings and controllers
Using NodeJS for chart rendering
Chapter 9: Extending Highcharts
Introduction
Wrapping existing functions
Creating new chart types
Creating your own Highcharts extension
Adding new functions to your extension
JSHinting your code
Unit testing your new extension
Packaging your extension
Minifying your code
Chapter 10: Math and Statistics
Introduction
Graphing equations
Showing descriptive statistics with box plots
Plotting distributions with jStat
Displaying experimental data with scatter plots
Displaying percentiles with area range graphs
Chapter 11: System Integration
Introduction
Exploring hard drive usage
Understanding CPU and memory usage graphs
Showing Git commits by contributor
Showing Git commits over time
Chapter 12: Other Inspirational Uses
Introduction
Demonstrating time zones with gauge charts
Exploring a Highcharts stopwatch
Counting words per minute
Measuring the distance travelled
Plotting tweets per day
Creating a compass
Creating a weight-watching application

What You Will Learn

  • Create charts in a variety of display formats
  • Process data from different remote or local sources with AJAX and Websockets
  • Create simple polls
  • Render charts for offline usage or e-mail
  • Integrate Highcharts with existing frontend and backend frameworks
  • Connect Highcharts to other data sources such as git for interesting visualizations
  • Display simple statistical data
  • Extend the Highcharts library for more reusable, versatile charts

In Detail

Highcharts is a JavaScript library that enables web developers to create a wide range of different, highly customized charts. Highcharts easily integrates with existing JavaScript frameworks and is simple enough to make a column chart in a few lines of code, but flexible enough to handle more complex charting scenarios such as viewing multiple chart types with different data sources on a multitude of devices and form-factors.

"Highcharts Cookbook" is a practical guide that provides you with clear, step-by-step recipes to create dynamic, functional charts in your web applications using Highcharts. With "Highcharts Cookbook", you will create and design dynamic and versatile charts in different scenarios.

"Highcharts Cookbook" through its wide array of recipes will walk you through everything you need to know about Highcharts and will enable you to unleash its full potential in your web applications quickly and easily.

You will learn how to integrate Highcharts with different frontend and backend libraries such as ExtJS, jQuery, and the Yii framework with some examples in Python, PHP, and NodeJS. You will also cover how to handle user interactions like form input and mouse events, how to fetch remote data in CSV, XML, and JSON format, and how to render charts for offline usage. If you want to learn the different ways you can leverage the power of Highcharts to create, integrate and extend its features in your application, then this book is for you.

Authors

Table of Contents

Chapter 1: Getting Started with Highcharts
Introduction
Finding documentation on Highcharts
Creating your first chart
Including multiple series in one chart
Displaying multiple charts in one graph
Using the same data in multiple charts
Creating spiderweb graphs for comparison
Creating custom tooltips
Adding extra content to tooltips
Making charts internationalizable/localizable
Creating a new theme
Creating reusable graphs
Chapter 2: Processing Data
Introduction
Working with different data formats
Using AJAX for polling charts
Using WebSockets for real-time updates
Drilling down and filtering data
Using CSV, XML, or JSON with Highcharts
Handling cross-domain data
Handling dates
Chapter 3: Handling User Interaction
Introduction
Creating a simple poll
Making graphs zoomable
Creating master details graphs
Slicing and dicing time data
Annotating a chart
Developing dynamic tooltips
Taking actions on other events
Adding events after the chart is rendered
Chapter 4: Sharing Charts on the Web
Introduction
Rendering charts on the server side
Exporting images to different formats
E-mailing static charts
E-mailing dynamic charts
Preparing charts for printing
Chapter 5: Integrating with ExtJS
Introduction
Setting up a simple ExtJS project
Using Highcharts in ExtJS
Connecting your chart using Ext.data.Store
Observing live data using other Store types
Connecting your chart to Ext.app.Controller
Creating charts that inherit from other charts
Chapter 6: Integrating with jQuery
Introduction
Creating charts with jQuery
Using the data- attributes to load charts
Binding events using jQuery.on
Handling user interaction with jQuery
Updating a chart on the backend
Using jQuery UI tabs and Highcharts
Modifying charts using jQuery UI widgets
Putting charts in pages using jQuery Mobile
Chapter 7: Integrating with the Yii Framework
Introduction
Setting up a simple Yii project
Creating a chart from model data
Generating a chart with a Yii CLI command
Creating charts with a RESTful controller
Updating the model when the chart changes
Chapter 8: Integrating with Other Frameworks
Introduction
Using NodeJS as a data provider
Using Django as a data provider
Using Flask/Bottle as a data provider
Integrating with Backbone
Using AngularJS data bindings and controllers
Using NodeJS for chart rendering
Chapter 9: Extending Highcharts
Introduction
Wrapping existing functions
Creating new chart types
Creating your own Highcharts extension
Adding new functions to your extension
JSHinting your code
Unit testing your new extension
Packaging your extension
Minifying your code
Chapter 10: Math and Statistics
Introduction
Graphing equations
Showing descriptive statistics with box plots
Plotting distributions with jStat
Displaying experimental data with scatter plots
Displaying percentiles with area range graphs
Chapter 11: System Integration
Introduction
Exploring hard drive usage
Understanding CPU and memory usage graphs
Showing Git commits by contributor
Showing Git commits over time
Chapter 12: Other Inspirational Uses
Introduction
Demonstrating time zones with gauge charts
Exploring a Highcharts stopwatch
Counting words per minute
Measuring the distance travelled
Plotting tweets per day
Creating a compass
Creating a weight-watching application

Book Details

ISBN 139781783559688
Paperback332 pages
Read More