Total number of milking cows predicted next 2 years-

by smeijers

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', {
      colors: ['#D2D200', '#666', '#FF9900', '#FF6400'],
    chart: {
        type: 'column'
    },
    title: {
        text: 'Predicted nr of cows on farm'
    },
    xAxis: [{
        categories: ['Mar', 'Apr', 'May', 'Jun',
            'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec','Jan', 'Feb'],
        crosshair: true
    }],
    yAxis: [{
        min: 50,
        max: 250,
        title: {
            text: 'Number of Cows'
        },
     
    },
    { // Secondary yAxis
        min: -40,
        max: 40,
        gridLineWidth: 0,
        title: {
            text: 'Cow movements',

        },
        labels: {
            format: '{value}',

        },
        opposite: true

    }],
    legend: {
        align: 'center',
        verticalAlign: 'bottom',
        backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
        borderColor: '#CCC',
        borderWidth: 1,
        shadow: false
    },
    tooltip: {
     shared: true,
        headerFormat: '<b>{point.x}</b><br/>',
        pointFormat: '{series.name}: {point.y}<br/>'
    },
     credits: {
        enabled: false
    },
   
    plotOptions: {
      areaspline: {
            fillOpacity: 0.5
        },
        column: {
            stacking: 'normal',
            dataLabels: {
                enabled: false,
            }
        }
    },
    series: [{
        name: 'Calvings',
        yAxis: 1,
        data: [20, 19, 18, 23, 26, 27, 19, 17, 18, 14, 18, 17],
         tooltip: {
            valueSuffix: ' cows'
        }
    },{
        name: 'Dry off',
        yAxis: 1,
        data: [-20, -19, -18, -23, -26, -27, -19, -17, -18, -14, -18, -17],
         tooltip: {
            valueSuffix: ' cows'
        }
    }, {
        name: 'In lactation',
        type: 'spline',
        data: [200, 204, 207, 204, 203, 210, 207, 208, 205, 201, 202, 206],
         tooltip: {
            valueSuffix: ' cows'
        }
    }, {
        name: 'Transfer in',
  ...