Highcharts Demo

author(s): Torstein Hønsi

by Ahmed Farahat

HTML

<div id="container" style="height: 500px"></div>
<script src="https://code.highcharts.com/highcharts.js"></script>

JavaScript

$(function () {
var categories = ['Implementation', 'Negotiation', 'Customer Evaluation', 'Solution Specified', 'Needs Detected']
    $('#container').highcharts({
        chart: {
 
            type:'bar'
        },
        xAxis: {
             categories: categories
        },
        yAxis: [{
       
            lineWidth: 2,
            title: {
                text: 'In Numbers'
            }
            
        }, {
            lineWidth: 2,
            opposite: true,
            title: {
                text: 'In Euros'
            },
                            labels: {
                    formatter: function () {
                        return Math.abs(this.value) + '€';
                    }
                }
        }],

        series: [ {
            name: 'In Euros',
            data: [2, 4.3 ,5,3.4,7],
            yAxis: 1
        },{
        	  name: 'In Numbers',
            data: [29, 71, 10, 12, 14]
        }]
    });
});