JSFiddle - React, Tailwind, and code Playground

by Sibeesh Venu

HTML

<script src="http://sibeeshpassion.com/content/scripts/jquery-2.0.2.min.js"></script>
    <script src="http://sibeeshpassion.com/content/scripts/highcharts.js"></script>
    <script src="http://sibeeshpassion.com/content/scripts/drilldown.js"></script>
    <script src="http://blacklabel.github.io/custom_events/customEvents.js"></script>

 Fire Double Click Events In Highcharts - Sibeesh Passion (<a href="http://sibeeshpassion.com">Sibeesh Passion </a>)
    <br />
    <br />
    <br />
    <div id="container" style="height: 300px"></div>

JavaScript

$(document).ready(function () {           
            // Internationalization
            Highcharts.setOptions({
                lang: {
                    drillUpText: '? Back to {series.name}'
                }
            });

            var options = {
                chart: {
                    height: 300,
                    events: {
                    }
                },

                title: {
                    text: 'Highcharts Drilldown Plugin'
                },

                xAxis: {
                    categories: true
                },

                drilldown: {
                    series: [{
                        id: 'fruits',
                        name: 'Fruits',
                        data: [
                            ['Apples', 4],
                            ['Pears', 6],
                            ['Oranges', 2],
                            ['Grapes', 8]
                        ]
                    }, {
                        id: 'cars',
                        name: 'Cars',
                        data: [{
                            name: 'Toyota',
                            y: 4,
                            drilldown: 'toyota'
                        },
                        ['Volkswagen', 3],
                        ['Opel', 5]
                        ]
                    }, {
                        id: 'toyota',
                        name: 'Toyota',
                        data: [
                            ['RAV4', 3],
                            ['Corolla', 1],
                            ['Carina', 4],
                            ['Land Cruiser', 5]
                        ]
                    }]
                },

                legend: {
                    enabled: false
                },

                plotOptions: {
                    series: {
                        point: {
                            events: {
                                dblclick: function () {                  ...