You are previewing Highcharts Essentials.
O'Reilly logo
Highcharts Essentials

Book Description

Create interactive data visualization charts with the Highcharts JavaScript library

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.

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
  • Downloading the example code for this book. You can download the example code files for all Packt books you have purchased from your account at If you purchased this book elsewhere, you can visit and register to have the files e-mailed directly to you.

    Table of Contents

    1. Highcharts Essentials
      1. Table of Contents
      2. Highcharts Essentials
      3. Credits
      4. About the Author
      5. About the Reviewers
        1. Support files, eBooks, discount offers, and more
          1. Why subscribe?
          2. Free access for Packt account holders
      7. Preface
        1. What this book covers
        2. What you need for this book
        3. Who this book is for
        4. Conventions
        5. Reader feedback
        6. Customer support
          1. Downloading the example code
          2. Downloading the color images of this book
          3. Errata
          4. Piracy
          5. Questions
      8. 1. Getting Started with Highcharts
        1. Why choose Highcharts?
          1. Plenty of chart types
          2. Responsive
          3. Dynamic
          4. Deep browser support
          5. Data preprocessing
          6. Custom theming support
          7. Multilingual
          8. Extensibility
        2. Installing Highcharts
        3. A simple Highcharts example
        4. Summary
      9. 2. Column and Bar Charts
        1. Introducing column charts
          1. Using the official documentation of Highcharts
        2. Including multiple data series
        3. Stacking column charts
          1. Column charts with normal stacking
          2. Column charts with percentage stacking
        4. Excluding a series from stacking
        5. Drilling down the chart
        6. Adjusting ticks and other chart elements
        7. Introducing bar charts
        8. Negatively stacked bar charts
        9. Creating 3D column charts
          1. Modifying the viewing frame
        10. Summary
      10. 3. Line and Spline Charts
        1. Introducing line charts
        2. Creating line charts with regular time intervals
          1. Formatting date/time and data labels
          2. Formatting the tooltip
        3. Creating line charts with irregular time intervals
        4. Creating line charts with multiple series
        5. Loading data from an HTML table
        6. Creating spline charts
          1. Creating spline charts with plot bands
        7. Combining line and column charts
        8. Summary
      11. 4. Area, Scatter, and Bubble Charts
        1. Introducing area charts
          1. Adjusting the placement of tick marks
          2. Creating area charts with multiple series
          3. Series with missing values
          4. Sharing a tooltip between multiple series
        2. Stacking charts with multiple series
          1. Polishing the area chart
        3. Area charts with percentage values
        4. Area-spline charts
        5. Introducing scatter charts
          1. Formatting a tooltip with pointFormat
        6. Scatter charts with multiple series
        7. Creating bubble charts
        8. Summary
      12. 5. Pie, Polar, and Spider Web Charts
        1. Introducing pie charts
        2. Slicing off a pie chart
          1. Enabling slicing by point selection
        3. Drilling down the pie chart
          1. Modifying the back button
          2. Creating a 3D pie chart
        4. Creating pie charts with multiple series
        5. Creating a donut chart
        6. Configuring a semicircle donut
        7. Combining pie charts with line and column charts
        8. Introducing a polar chart
        9. Polar charts with different series types
        10. Converting other chart types to the polar chart
        11. Introducing the spider web chart
        12. Creating a wind rose chart
        13. Summary
      13. 6. Other Chart Types
        1. Creating an angular gauge chart
          1. An angular gauge with dual axes
          2. Styling the angular gauge
        2. Creating a VU meter
        3. Creating a solid gauge
        4. Plotting a waterfall chart
        5. Plotting a pyramid chart
        6. Drawing a funnel chart
        7. Creating a heat map
          1. Fine-tuning the appearance
          2. Formatting the tooltip
        8. Summary
      14. 7. Theming with Highcharts
        1. Basic theming concepts
        2. Formatting the tooltip with HTML
        3. Altering borders, shadows, and backgrounds
        4. Gradient fill types
          1. Linear gradients
          2. Gradient background for columns and tooltips
          3. Linear gradients with multiple color stops
          4. Radial gradients
          5. Applying radial gradient to pie chart
        5. Using Google Fonts with Highcharts
        6. Using jQuery UI easing for series animation
        7. Creating a global theme for our charts
        8. Configuring our charts for internationalization
        9. Summary
      15. 8. Exploring Highcharts APIs and Events
        1. An overview of Highcharts APIs and class model
          1. Disabling the chart animation
        2. Getting values with the Chart.get() method
        3. Adding series and points
          1. Adding a point dynamically
          2. Adding a series dynamically
          3. Adding drilldowns to series
          4. Drilling up to the parent series
        4. Accomplishing various tasks programmatically
          1. Setting extreme values on an axis
          2. Setting the chart title programmatically
          3. Reflowing a chart
          4. Destroying a chart
          5. Hiding and showing a series programmatically
        5. Highcharts events
        6. Extending Highcharts
          1. Adding custom event handlers
          2. Wrapping prototype functions
        7. Summary
      16. 9. Going Further with Highcharts
        1. Preprocessing data from different file types
          1. Preprocessing data from a CSV file
          2. Preprocessing data from an XML file
          3. Preprocessing data from a JSON file
        2. Preprocessing data from a database using PHP's PDO class
          1. Fetching data and plotting the chart
        3. Updating charts using Ajax
        4. Exporting Highcharts into other formats
          1. Exporting charts programmatically
        5. Summary
      17. Index