Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Highcharts Essentials

You're reading from   Highcharts Essentials Create interactive data visualization charts with the Highcharts JavaScript library

Arrow left icon
Product type Paperback
Published in Oct 2014
Publisher
ISBN-13 9781783983964
Length 228 pages
Edition 1st Edition
Languages
Arrow right icon
Author (1):
Arrow left icon
Bilal Shahid Bilal Shahid
Author Profile Icon Bilal Shahid
Bilal Shahid
Arrow right icon
View More author details
Toc

Table of Contents (11) Chapters Close

Preface 1. Getting Started with Highcharts FREE CHAPTER 2. Column and Bar Charts 3. Line and Spline Charts 4. Area, Scatter, and Bubble Charts 5. Pie, Polar, and Spider Web Charts 6. Other Chart Types 7. Theming with Highcharts 8. Exploring Highcharts APIs and Events 9. Going Further with Highcharts Index

Introducing column charts


Column charts are the most common type of charts. They have categories organized horizontally on the x axis (for example, time) and data is placed vertically on the y axis. They are useful for illustrating the difference between the data of each category.

Consider the London Olympics 2012 medal table, in which the top five countries are as follows:

Rank

Country

Gold

Silver

Bronze

Total

1

United States

46

29

29

104

2

China

38

27

23

88

3

Great Britain

29

17

19

65

4

Russian Federation

24

26

32

82

5

South Korea

13

8

7

28

The preceding list shows the gold, silver, and bronze medals won by the top five countries. The last column shows the total number of medals won by the respective country. We will plot this data into a column chart for a more meaningful visualization:

  1. Create a new blank HTML file that includes the jQuery and highcharts.js scripts. You can also copy the HTML code from the example in the previous chapter. Note that the...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image