Drilling down the chart
Consider the following table showing the retail revenue breakdown by month for the US video game industry starting from March 2012 to February 2014:
Mar |
Apr |
May |
Jun |
Jul |
Aug |
Sep |
Oct |
Nov |
Dec |
Jan |
Feb | |
---|---|---|---|---|---|---|---|---|---|---|---|---|
2012 - 2013 |
1.1 |
0.63 |
0.52 |
0.7 |
0.55 |
0.52 |
0.85 |
0.76 |
2.55 |
3.21 |
0.84 |
0.81 |
2013 - 2014 |
0.99 |
0.5 |
0.39 |
0.59 |
0.44 |
0.52 |
1.08 |
0.79 |
2.74 |
3.28 |
0.66 |
0.89 |
This table shows the revenue (in billions of US dollars) for the video game retail industry. In this example, we will plot a chart to visualize this data. We will draw a column chart that shows the total revenue for the fiscal year starting from March 2012 to February 2014. On clicking on the column, the reader will be shown a more detailed column chart showing the breakdown by months for the respective year.
Note
To use the drilldown feature, you need to include the Highcharts-4.x.x/js/modules/drilldown.js
file in your HTML after the Highcharts.js
file. Not doing so will not throw any error or...