57 lines
1.5 KiB
JavaScript
57 lines
1.5 KiB
JavaScript
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)
|
|
}
|
|
});
|
|
}
|
|
}
|
|
}); |