Book Image

Learning Highcharts 4

By : Joe Kuan
Book Image

Learning Highcharts 4

By: Joe Kuan

Overview of this book

Related Content you might be interested in

Current Title:

Small book image
Learning Highcharts 4
Joe Kuan
Jan, 2015 | 478 pages
Small book image
Spring 5.0 Projects
Nilang Patel
Feb, 2019 | 442 pages
Table of Contents (23 chapters)
Learning Highcharts 4
Learning Highcharts 4
Credits
Credits
About the Author
About the Author
Acknowledgments
Acknowledgments
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Web Charts
Web Charts
A short history of web charting
The rise of JavaScript and HTML5
JavaScript charts on the market
Why Highcharts?
Highcharts – a quick tutorial
Summary
2
Highcharts Configurations
Highcharts Configurations
Configuration structure
Understanding Highcharts' layout
Framing the chart with axes
Revisiting the series config
Exploring PlotOptions
Styling tooltips
Animating charts
Expanding colors with gradients
Zooming data with the drilldown feature
Summary
3
Line, Area, and Scatter Charts
Line, Area, and Scatter Charts
Introducing line charts
Highlighting negative values and raising the base level
Sketching an area chart
Mixing line and area series
Combining the scatter and area series
Summary
4
Bar and Column Charts
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
5
Pie Charts
Pie Charts
Understanding the relationship between 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
6
Gauge, Polar, and Range Charts
Gauge, Polar, and Range Charts
Loading gauge, polar, and range charts
Plotting a speedometer gauge chart
Plotting the solid 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
7
Bubble, Box Plot, and Error Bar Charts
Bubble, Box Plot, and Error Bar Charts
The bubble chart
Understanding the box plot chart
The error bar chart
Summary
8
Waterfall, Funnel, Pyramid, and Heatmap Charts
Waterfall, Funnel, Pyramid, and Heatmap Charts
Constructing a waterfall chart
Constructing a funnel chart
Joining both waterfall and funnel charts
Plotting a commercial pyramid chart
Exploring a heatmap chart with inflation data
Experimenting with dataClasses and nullColor options in a heatmap
Summary
9
3D Charts
3D Charts
What a Highcharts 3D chart is and isn't
Experimenting with 3D chart orientation
Configuring the 3D chart background
Plotting the column, pie, donut, and scatter series in 3D charts
Navigating with 3D charts
Summary
10
Highcharts APIs
Highcharts APIs
Understanding the Highcharts class model
Using the Highcharts APIs
Summary
11
Highcharts Events
Highcharts Events
Introducing Highcharts events
Portfolio history example
Stock growth chart example
Summary
12
Highcharts and jQuery Mobile
Highcharts and jQuery Mobile
A short introduction to jQuery Mobile
Understanding 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
13
Highcharts and Ext JS
Highcharts and Ext JS
A short introduction to Sencha Ext JS
A quick tour of Ext JS components
The Highcharts extension
A commercial RIA with Highcharts – Profiler
Summary
14
Server-side Highcharts
Server-side Highcharts
Running Highcharts on the server side
Highcharts on the server side
Running the Highcharts server script
Summary
15
Highcharts Online Services and Plugins
Highcharts Online Services and Plugins
Highcharts export server – export.highcharts.com
Highcharts Cloud Service
Highcharts plugins
Summary
Index
Index

Chapter 8. Waterfall, Funnel, Pyramid, and Heatmap Charts

In this chapter, we explore some of the more unusual charts, such as waterfall and funnel charts, by using simple sales and accounting figures. We experiment with how we can link both the charts together with related information. Then, we move on to investigate how to plot a pyramid chart and assess the flexibility of Highcharts by imitating a financial pyramid chart from a proper commercial report. Finally, we study the heatmap chart and tweak various specific options with real-life statistics in a step-by-step approach. In this chapter, we will cover the following topics:

  • Constructing a waterfall chart

  • Making a funnel chart

  • Joining both waterfall and funnel charts

  • Plotting a commercial pyramid chart

  • Exploring a heatmap chart with inflation data

  • Experimenting with the dataClasses and nullColor options of a heatmap chart

Previous Section
End of Section 1
Next Section