Highcharts Demo

author(s): Torstein Hønsi

by AbhishekRohan

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/drilldown.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
var drillDownTrendData=[{
 						EUdata:{
                            
                                '16Q3': {
                                    name: 'EU-1',
                                     color: "green",
                                    data: [
                                        ['16Q3', 2],
                                        ['16Q4', 3],
                                        // ['18Q1', 4],
                                        // ['18Q2', 5],
                                        ['18Q3', 3],
                                        ['18Q4', 7]
                                    ]
                                },
                                    '16Q32': {
                                    name: 'EU-2',
                                    color: "red",
                                    data: [
                                        ['16Q3', 22],
                                        // ['16Q4', 13],
                                        ['18Q1', 18],
                                        ['18Q2', 10],
                                        ['18Q3', 8],
                                        ['18Q4', 17]
                                    ]
                                },
                                    '16Q33': {
                                    name: 'EU-3',
                                    color: "blue",
                                    data: [
                                        ['16Q3', 22],
                                        ['16Q4', 13],
                                        ['18Q1', 18],
                                        ['18Q2', 10],
                                        ['18Q3', 8],
                                        ['18Q4', 17]
                                    ]
                                },
                                    '16Q4': {
                                    name: 'EU-1',
                                    color: "blue",
  ...