ElementStacks

by nehamahajan

HTML

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

<div id="divChartSummary" style="height: 133px"></div>
<div id='div2' style='height:133px'></div>

JavaScript

var chartSummary = [];
$(document).ready(function() {
    chartSummary[0] = new Highcharts.Chart({
        chart: {
            animation: false,
            defaultSeriesType: 'area',
            marginBottom: 14,
            renderTo: 'divChartSummary',
        },
        credits: {
            enabled: false,
        },
        series: [{
            data: [0, 0, 375, 679, 452, 359, 694, 283, 750, 800, 717, 887, 708, 341]}, ],
        exporting: {
            enabled: false,
        },
        labels: {},
        legend: {
            enabled: false,
        },
        plotOptions: {
            series: {
                color: '#3b73c7',
                fillOpacity: 0.1,
                lineWidth: 3.9,
                marker: {
                    lineColor: '#ffffff',
                    lineWidth: 1,
                    radius: 4.3,
                    states: {
                        hover: {},
                    },
                },
                point: {
                     events: {
                         mouseOver: function(){
                             syncTooltip(this.series.chart.container, this.x);
                         }
                     } 
                },
                shadow: false,
                states: {
                    hover: {
                        lineWidth: 3.9,
                    },
                },
            },
            line: {
                marker: {
                    states: {
                        hover: {},
                    },
                },
                states: {
                    hover: {},
                },
            },
            pie: {
                marker: {
                    states: {
                        hover: {},
                    },
                },
                states: {
                    hover: {},
                },
            },
            column: {
                marker: {
                    states: {
                        hover: {},
   ...