Book Image

Highcharts Essentials

By : Bilal Shahid
Book Image

Highcharts Essentials

By: Bilal Shahid

Overview of this book

Table of Contents (16 chapters)
Highcharts Essentials
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Including multiple data series


Since the previous chart only shows the total number of medals, it's not very helpful when looking for the numbers of gold, silver, or bronze medals earned by each country. We can modify the chart to show the individual numbers while retaining its simplicity.

Copy the code from the previous example and modify the code to include an array of multiple series:

series: [{
  name: 'Gold',
  data: [46, 38, 24, 29, 13]
}, {
  name: 'Silver',
  data: [29, 27, 26, 17, 8]
}, {
  name: 'Bronze',
  data: [29, 23, 32, 19, 7]
}]

This modification of code will result in a chart showing the number of gold, silver, and bronze medals for each country.

As mentioned earlier, you can always navigate to the Highcharts documentation to find more about the series component at http://api.highcharts.com/highcharts#series.

You can toggle the display of each series by clicking on the legend corresponding to each category at the bottom of the chart.

In this example, we included multiple series...