Highcharts Essentials

Create interactive data visualization charts with the Highcharts JavaScript library

Highcharts Essentials

Essentials
Bilal Shahid

Create interactive data visualization charts with the Highcharts JavaScript library
$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.

Book Details

ISBN 139781783983964
Paperback228 pages

About This Book

  • Add graphical charts to your websites and web applications
  • Build interactive dynamic charts using Highcharts
  • Step-by-step guide for exploring this highly effective graphical tool with real-world examples
  • Gain an insight into the Highcharts API and its custom events

Who This Book Is For

If you are a web developer with a basic knowledge of HTML, CSS, and JavaScript and want to quickly get started with this web charting technology, this is the book for you. This book will also serve as an essential guide to those who have probably used a similar library and are now looking at migrating to Highcharts.

Table of Contents

Chapter 1: Getting Started with Highcharts
Why choose Highcharts?
Installing Highcharts
A simple Highcharts example
Summary
Chapter 2: Column and Bar Charts
Introducing column charts
Including multiple data series
Stacking column charts
Excluding a series from stacking
Drilling down the chart
Adjusting ticks and other chart elements
Introducing bar charts
Negatively stacked bar charts
Creating 3D column charts
Summary
Chapter 3: Line and Spline Charts
Introducing line charts
Creating line charts with regular time intervals
Creating line charts with irregular time intervals
Creating line charts with multiple series
Loading data from an HTML table
Creating spline charts
Combining line and column charts
Summary
Chapter 4: Area, Scatter, and Bubble Charts
Introducing area charts
Stacking charts with multiple series
Area charts with percentage values
Area-spline charts
Introducing scatter charts
Scatter charts with multiple series
Creating bubble charts
Summary
Chapter 5: Pie, Polar, and Spider Web Charts
Introducing pie charts
Slicing off a pie chart
Drilling down the pie chart
Creating pie charts with multiple series
Creating a donut chart
Configuring a semicircle donut
Combining pie charts with line and column charts
Introducing a polar chart
Polar charts with different series types
Converting other chart types to the polar chart
Introducing the spider web chart
Creating a wind rose chart
Summary
Chapter 6: Other Chart Types
Creating an angular gauge chart
Creating a VU meter
Creating a solid gauge
Plotting a waterfall chart
Plotting a pyramid chart
Drawing a funnel chart
Creating a heat map
Summary
Chapter 7: Theming with Highcharts
Basic theming concepts
Formatting the tooltip with HTML
Altering borders, shadows, and backgrounds
Gradient fill types
Using Google Fonts with Highcharts
Using jQuery UI easing for series animation
Creating a global theme for our charts
Configuring our charts for internationalization
Summary
Chapter 8: Exploring Highcharts APIs and Events
An overview of Highcharts APIs and class model
Getting values with the Chart.get() method
Adding series and points
Accomplishing various tasks programmatically
Highcharts events
Extending Highcharts
Summary
Chapter 9: Going Further with Highcharts
Preprocessing data from different file types
Preprocessing data from a database using PHP's PDO class
Updating charts using Ajax
Exporting Highcharts into other formats
Summary

What You Will Learn

  • Create various chart types including line, column, bar, area, and pie
  • Use best practices and techniques to efficiently visualize the data
  • Customize Highcharts aesthetics with web fonts, different fill types, and jQuery UI for animations
  • Utilize the Highcharts API and events to programmatically accomplish various tasks
  • Preprocess data from various sources to dynamically plot the chart
  • Export your charts to different formats including .pdf, .png, .jpeg, or .svg

In Detail

Highcharts is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your website or web application. Highcharts makes the visualization of the data a breeze by providing more than 20 chart types and an increased level of control over the aesthetics and interactivity of these charts.

This book provides readers with the fundamental knowledge they need to get started with Highcharts development. We will have a look at the features that come packed with the Highcharts library including those of the latest version: 4. You will then start your coding journey by creating charts of different types while also looking at various techniques to ccomplish the tasks quickly and more efficiently. This book will prove to be an invaluable guide if you are just starting out with the web charting technology or are migrating from another library to Highcharts. Finally, you will learn about data preprocessing techniques and exporting your charts to different formats to be downloaded by the end user.

Authors

Table of Contents

Chapter 1: Getting Started with Highcharts
Why choose Highcharts?
Installing Highcharts
A simple Highcharts example
Summary
Chapter 2: Column and Bar Charts
Introducing column charts
Including multiple data series
Stacking column charts
Excluding a series from stacking
Drilling down the chart
Adjusting ticks and other chart elements
Introducing bar charts
Negatively stacked bar charts
Creating 3D column charts
Summary
Chapter 3: Line and Spline Charts
Introducing line charts
Creating line charts with regular time intervals
Creating line charts with irregular time intervals
Creating line charts with multiple series
Loading data from an HTML table
Creating spline charts
Combining line and column charts
Summary
Chapter 4: Area, Scatter, and Bubble Charts
Introducing area charts
Stacking charts with multiple series
Area charts with percentage values
Area-spline charts
Introducing scatter charts
Scatter charts with multiple series
Creating bubble charts
Summary
Chapter 5: Pie, Polar, and Spider Web Charts
Introducing pie charts
Slicing off a pie chart
Drilling down the pie chart
Creating pie charts with multiple series
Creating a donut chart
Configuring a semicircle donut
Combining pie charts with line and column charts
Introducing a polar chart
Polar charts with different series types
Converting other chart types to the polar chart
Introducing the spider web chart
Creating a wind rose chart
Summary
Chapter 6: Other Chart Types
Creating an angular gauge chart
Creating a VU meter
Creating a solid gauge
Plotting a waterfall chart
Plotting a pyramid chart
Drawing a funnel chart
Creating a heat map
Summary
Chapter 7: Theming with Highcharts
Basic theming concepts
Formatting the tooltip with HTML
Altering borders, shadows, and backgrounds
Gradient fill types
Using Google Fonts with Highcharts
Using jQuery UI easing for series animation
Creating a global theme for our charts
Configuring our charts for internationalization
Summary
Chapter 8: Exploring Highcharts APIs and Events
An overview of Highcharts APIs and class model
Getting values with the Chart.get() method
Adding series and points
Accomplishing various tasks programmatically
Highcharts events
Extending Highcharts
Summary
Chapter 9: Going Further with Highcharts
Preprocessing data from different file types
Preprocessing data from a database using PHP's PDO class
Updating charts using Ajax
Exporting Highcharts into other formats
Summary

Book Details

ISBN 139781783983964
Paperback228 pages
Read More