O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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

Table of Contents

  1. Highcharts Essentials
    1. Table of Contents
    2. Highcharts Essentials
    3. Credits
    4. About the Author
    5. About the Reviewers
    6. www.PacktPub.com
      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