Reader small image

You're reading from  Highcharts Essentials

Product typeBook
Published inOct 2014
Reading LevelBeginner
Publisher
ISBN-139781783983964
Edition1st Edition
Languages
Right arrow
Author (1)
Bilal Shahid
Bilal Shahid
author image
Bilal Shahid

Bilal Shahid is a web developer from Karachi, Pakistan. He has several years of experience with HTML, CSS, JavaScript, and PHP, and he also knows how to program in C and C++. He is passionate about the open source movement, and his interests include data-driven UIs, the real-time Web, and code optimization. He was introduced to Highcharts while working on a big project dedicated to social media page management and analytics, and since then he has used it in several web projects. He works for Traffic Group Ltd., the largest independent digital services provider in the Middle East, where he works as a senior UI developer. He likes to read books in his spare time.
Read more about Bilal Shahid

Right arrow

Slicing off a pie chart


Slicing off a pie chart can be useful if we need to distinguish a particular category from the rest. The sliced-off category displays a little outwards from the main chart.

In the following example, we will take a look at how we can slice off a particular category in pie charts. So modify the code from the previous example to slice off the MacOSX category:

series: [{
  name: 'Operating Systems',
  data: [
    ['Windows', 88.19],
    {
      name: 'MacOSX',
      y: 9.22,
      sliced: true
    },
    ['Linux', 1.58],
    ['Others', 1.01]
  ]
}]

We replaced the array containing the category name and the value with an object in which we have explicitly defined these properties along with the sliced property. By enabling the sliced property, the category will be sliced off from the main chart.

The preceding snippet also shows the simplicity and flexibility of the Highcharts API. In most cases, where slicing is not required, we can define categories as an array containing...

lock icon
The rest of the page is locked
Previous PageNext Page
You have been reading a chapter from
Highcharts Essentials
Published in: Oct 2014Publisher: ISBN-13: 9781783983964

Author (1)

author image
Bilal Shahid

Bilal Shahid is a web developer from Karachi, Pakistan. He has several years of experience with HTML, CSS, JavaScript, and PHP, and he also knows how to program in C and C++. He is passionate about the open source movement, and his interests include data-driven UIs, the real-time Web, and code optimization. He was introduced to Highcharts while working on a big project dedicated to social media page management and analytics, and since then he has used it in several web projects. He works for Traffic Group Ltd., the largest independent digital services provider in the Middle East, where he works as a senior UI developer. He likes to read books in his spare time.
Read more about Bilal Shahid