Highcharts Demo

author(s): Torstein Hønsi

by klsakthi

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

JavaScript

var chart3 = Highcharts.chart('container', {
    chart: {
    	height: 200
    },
    title: {
        text: 'Display Tooltip simultaneously between charts in containers - Container2'
    },
    plotOptions: {
        series: {
            point: {
                events: {
                    mouseOver: function () {
                        var currentIndex = this.index;
                        //showToolTip(currentIndex);
                    }
                }
            },
            events: {
                mouseOut: function () {
                    //hideToolTip();
                }
            },
            marker: {
            		enabled: false,
                states: {
                    hover: {
                        enabled: false
                    }
                }
            }
        }
    },

    tooltip: {
        enabled: false
    },

    series: [/*{
    		type: 'area',
        data: [[0,0],[1,0],[1,1],[2,1],[3,1],[4,1],[5,1],[6,1],
            [6,0],[7,0],[7,1],[8,1],[9,1],[10,1],[11,1],[12,1],
            [12,0],[13,0],[14,0],[15,0],[15,1],[16,1],[17,1],[18,1],
            [19,1],[20,1],[21,1],[22,1],[23,1],[24,1],
            [25,1],[26,1],[27,1],[28,1],[29,1],[30,1],
            [30,0],[31,0],[31,0],[32,0],[33,0],[34,0],[34,1],[35,1],[36,1],
            [37,1],[38,1],[39,1],[40,1],[41,1],[42,1],
            [43,1],[44,1],[45,1],[46,1],[47,1],[48,1]]
    },*/ {
    		type: 'area',
        data: [1,1,1,1,null,1,1,null,1,1,1,1,1,1,null,1,1,null,1,1,1,1,1,1,null,1,1,null,1,1,1,1,1,1,null,1,1,null,1,1,1,1,1,1,null,1,1,null]
    }]
});