ElementStacks

by Kesav Telaprolu

HTML

<script src="http://highcharts.com/js/highcharts.src.js"></script>
<script src="http://highcharts.com/js/excanvas.compiled.js"></script>
<script src="https://code.highcharts.com/6.1.1/highcharts.js"></script>
<div id="container" style="width:400px;height:400px"></div>

JavaScript

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'scatter'
    },
    xAxis: {
        min:-100,
        max:100,
        tickInterval:25,
        plotLines:[{
            value:0,
            color:'#666',
            width:1
        }],
        gridLineWidth:1,
        showLastLabel:true
    },
    yAxis: {
        min:-100,
        max:100,
        tickInterval:25,
        plotLines:[{
            value:0,
            color:'#666',
            width:1
        }]
    },
    legend: {
        enabled:false
    },
    tooltip: {
        formatter: function() {
            return '<b>'+ this.series.name +'</b><br/>'+
                this.x +': '+ this.y;
        }
    },
    plotOptions: {
    },
    series: [{
        data: [{x:-70,y:-70},{x:-50,y:-50},{x:-30,y:-30},{x:-10,y:-10},{x:10,y:10},{x:30,y:30},{x:50,y:50},{x:70,y:70}]
        
    }]
});