$(function () {
    $('#chart_tax_small').highcharts({
        chart: {
                zoomType: 'xy',
                resetZoomButton: {
                  position: {
                     align: 'center', // by default
                    x: 0,
                    y: -5
                }
            }
            },
        title: {
            text: '',
        },
		plotOptions: {
            series: {
                pointStart: 0,
				pointInterval: 1
            }
		},
        xAxis: {
            allowDecimals: false,
            max: {{t_x_small}},
            min: {{t_min_small}},
            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: ''
            },
                      labels: {
    formatter: function() {
       return this.value+" %";
    }
  },
            max: {{y_tax_max}},
            min: {{y_tax_min}},
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }],
            opposite:false
        }],
        tooltip: {
            shared: true,
            valueDecimals:2,
            valueSuffix: ' %',
            headerFormat: '<span style="font-size: 10px"> Periode {point.key}</span><br/>',
        },
          credits: {
                enabled: false
        },
                colors: ['#330099','#0099FF','#CC00CC'],
        exporting: {
                enabled: false
        },
       series: [
           {name:'Government Expenditures',data:{{spe_TS}},
                marker:{symbol:'circle'},lineWidth:3,dashStyle:'Solid',color:'#D2691E',type: 'line',},
           {name:'Taxes',data:{{tax_TS}}
                ,marker:{symbol:'diamond'},lineWidth:1,dashStyle:'Solid',color:'#00e6e6'},
           {name:'Government Debt',data:{{debt_TS}},
                marker:{symbol:'triangle'},lineWidth:1,dashStyle:'Solid',color:'#000000',type: 'line',}
                ]



    });
});