Milk Production per cow per day next 3

by yasemin CerrahoÄźlu

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="milkproduction" style="height: 100px; width:350px"></div>

JavaScript

Highcharts.chart('milkproduction', {
            chart: {
                type: 'area',
                margin: [5, 10, 15, 5],
            },
            title: {
                text: null
            },
            credits: {
                enabled: false
            },
            xAxis: {
                padding: 0,
                lineWidth: 1,
                tickWidth: 0,
                type: 'datetime',
                tickInterval: 24 * 3600 * 1000, // interval of 1 day
                pointStart: Date.UTC(2018, 0, 1),
                labels: {
                    y: 8,
                    step: 90,
                    format: '{value:%e-%m}',
                    style: {
                        font: 'normal 8px Arial',
                        color: "#999",
                    }
                },
                plotLines: [{
                    color: '#666666',
                    dashStyle: 'line',
                    value: Date.UTC(2018, 2, 31),
                    width: 2,
                    zIndex: 1
                }],


            },
            yAxis: {
                opposite: true,
                minorGridLineWidth: 0,
                gridLineWidth: 0,
                title: {
                    enabled: false
                },
                labels: {
                    enabled: false
                }
            },
            legend: {
                enabled: false
            },
            tooltip: {
                pointFormat: '<b>{point.y}</b><br/>',
                valueSuffix: ' kg Milk Production',
            },
            plotOptions: {
                area: {
                    fillOpacity: 0.5,
                    pointPadding: 0,
                    borderWidth: 0,
                    groupPadding: 0.1,
                    pointStart: Date.UTC(2018, 0, 1),
                },
                series: {
                    pointStart: Date.UTC(2018, 0, 2),
                    pointInterval: 24 * 3600 * 1000, //...