$(function () {
    $('#chart_fund').highcharts({
        chart: {
                zoomType: 'xy',
                resetZoomButton: {
                  position: {
                     align: 'center', // by default
                    x: 0,
                    y: -5
                }
            }
            },
        title: {
            text: '',
        },
		plotOptions: {
            series: {
                pointStart: -2,
				pointInterval: 1
            }
		},
        xAxis: {
            allowDecimals: false,
            max: {{t_max}},
            min: {{t_min}},
            plotLines: [{
                color: 'red', // Color value
                dashStyle: 'dash', // Style of the plot line. Default to solid
                value: 0, // Value of where the line will appear
                width: 1, // Width of the line
            },{
                color: 'gray', // Color value
                dashStyle: 'dash', // Style of the plot line. Default to solid
                value: {{now}}, // Value of where the line will appear
                width: 1, // Width of the line
            }],


        },
        yAxis: [{
            title: {
                text: '%'
            },
            max: {{y_fun_max}},
            min: {{y_fun_min}},
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }],
            opposite:true
        },{
               title: {
                text: '%'
            },
            max: {{y_fun_max}},
            min: {{y_fun_min}},
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }],
            opposite:false
        }],
        tooltip: {
            shared: true,
            valueDecimals:4,
            valueSuffix: ' %',
            headerFormat: '<span style="font-size: 10px"> Periode {point.key}</span><br/>',
        },
         credits: {
            enabled: false
        },
        colors: ['#CC3300','#FFCC00'],
        exporting: {
                enabled: false
        },

        series: {{ series_1 }}
    });
});