Highcharts Demo

author(s): Torstein Hønsi

by AbhishekRohan

HTML

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

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

Highcharts.chart('container', {
    chart: {
        type: 'column',
        spacingTop : -10
    },
    navigation : {
						buttonOptions : {
							enabled : false
						} 
					},
    title: {
        text: 'Open Esc Trend'
    },
    xAxis: {
      categories: ["Oct","Nov","Dec","Jan","Feb"],
      tickLength: 0,
       tickWidth: 0,
    },
    yAxis: [ {
        min: 0,
        tickLength : 0,
						tickWidth : 0,
            lineWidth : 1,
        gridLineWidth: 0,
        title: {
            text: 'Esc Count'
        }
        },
       { 
       min: 0,
        gridLineWidth: 0,
        //visible : false,
        opposite : true,
       title : {
							text : 'Days',
						}
            }
         ],
    credits : {
						enabled : false
					},
    tooltip: {
        enabled : false
    },
    plotOptions: {
        
column: {
            //stacking: 'normal',
            dataLabels: {
                    enabled: true,
                    crop: false,
                    overflow: 'none'
                },
                pointWidth : 20,
        }
    },
    series: [{
        name: "Open Esc",
        color:"orange",
        yAxis : 0,
        data: [5, 3,4, 6, 3 ],
              dataLabels: {
				                enabled: true,
				                align: 'center',
				                color: '#519DD1',
				                style:{
				                	fontSize:15
				                },
				                formatter : function() {
                        return this.y;
							//	return formatNumberY(this.y, "$");
							}
              },
    },
    {
          name: 'PR MTTR',
          type: 'spline',
          color: '#143E77',
          shadow : true,
          yAxis : 1,
          pointPadding: 0.1,
          pointPlacement: 0.004,
          marker: {
            lineWidth: 15,
            radius: "0"
          },
          data: [2, 1, 3, 4,1],

        }
    ]
});