Sometimes, we have data that is not only categorical but also hierarchical. While it can be useful to combine that data into top-level elements, we may want to drill down into the data or filter it to see different relationships. This recipe deals with how we can drill down and filter our existing data.
To set up a basic page and install jQuery and Highcharts, refer to the Getting ready section of the Creating your first chart recipe in Chapter 1, Getting Started with Highcharts.
For our example, we will assume that our data looks as follows:
var name = 'Drilling Down and Filtering Data' var categories = ['IE Users', 'Chrome Users', 'FF Users']; var data =[{ y: 50, category: 'IE Users', categories: [ 'IE 10', 'IE 9', 'IE 8', 'IE 7' ], data: [{ y: 25, name: 'IE 10' }, { y: 55, name: 'IE 9' }, { y: 15, name: 'IE 8' }, { y: 5, name: 'IE 7' }] }, { y: 30, category: 'Chrome Users', categories...