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
No titles found
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 4. Bar and Column Charts

In this chapter, we will start off by learning about column charts and their plotting options. Then, we will apply more advanced options for stacking and grouping columns together. After that, we will move on to bar charts by following the same example. Then, we will learn how to polish up a bar chart and apply tricks to turn a bar chart into mirror and gauge charts. Finally, a web page of multiple charts will be put together as a concluding exercise. In this chapter, we will cover the following:

  • Introducing column charts

  • Stacking and grouping a column chart

  • Adjusting column colors and data labels

  • Introducing bar charts

  • Constructing a mirror chart

  • Converting a single bar chart into a horizontal gauge chart

  • Sticking the charts together

    Note

    Most of the content in this chapter remains the same as the first edition. All the examples have been run through with the latest version of Highcharts. Apart from the different color schemes, the resulting charts look the same...

Previous Section
End of Section 1
Next Section