var options = {
    title: {
        text: 'Среднегодовая температура',
        x: -20 //center
    },
    xAxis: {
        categories: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь',
            'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'
        ]
    },
    yAxis: {
        title: {
            text: 'Температура (°C)'
        },
        plotLines: [{
            value: 0,
            width: 1,
            color: '#808080'
        }]
    },
    tooltip: {
        valueSuffix: '°C'
    },
    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle',
        borderWidth: 0
    },
    series: [{
        name: 'Ниже сред.',
        data: [7.0, 6.9, 9.5, 14.5, -100, -90, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
    }, {
        name: 'Средняя',
        data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
    }, {
        name: 'Выше сред.',
        data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
    }]
};

var vm = new Vue({
    el: '#app',
    data: {
        options: options
    },
    methods: {
        updateCredits: function () {
            var chart = this.$refs.highcharts.chart;
            chart.credits.update({
                style: {
                    color: '#' + (Math.random() * 0xffffff | 0).toString(16)
                }
            });
        }
    }
});