Макаронні вироби |
98,9 |
100,6 |
101,9 |
100,9 |
98,9 |
100,4 |
97,5 |
96,9 |
|
|
{point.key} ',
// pointFormat: '{series.name}: | '+
// '{point.y:.1f} mm | ',
// footerFormat: ' ',
// shared: true,
// useHTML: true
// },
// ---------------
// ширина колонки
// series: {
// pointWidth: 50
// }
// 60 NEW
function graf36(){
chart2 = new Highcharts.Chart({
chart: {renderTo: 'container3',
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
backgroundColor: '#99ccff',
type: 'line'
// type: 'column'
},
title: {
text: 'Індекси споживчих цін в області у 2022-2023 роках (окремі групи товарів та послуг)',
x: -10 //center
},
subtitle: {
text: '(у відсотках до попереднього місяця)',
x: -10
,
style: {
fontSize : '14px'
}
},
xAxis: {
categories: ['Грудень 2022','Січень 2023','Лютий 2023','Березень 2023','Квітень 2023','Травень 2023','Червень 2023','Липень 2023','Серпень 2023','Вересень 2023','Жовтень 2023','Листопад 2023','Грудень 2023']
,
labels: {
staggerLines: 2
}
, style: {
fontWeight: 'bold'
}
,
// lineColor: '#F33',
lineWidth: 3
},
yAxis: {
// alternateGridColor: '#99FFD5'
title: {
text: 'Проценти (%)'
},
style: {
fontWeight: 'bold'
}
// колір і товщина вертикальної лінії
,
// lineColor: '#F33',
lineWidth: 3
},
plotOptions: {
line: {
dataLabels: {
format: '{y:.1f}',
y : 0,
x : 0,
enabled: true
},
/// не виконується
style: {
fontWeight: 'bold'
}
,
///
enableMouseTracking: true
}
},
legend: {
borderWidth: 2
},
series: [{
animation: {
duration: 6000
},
/// не виконується
style: {
fontWeight: 'bold'
}
,
// товщина лінії
lineWidth: 4,
///
// колір відємних значень
negativeColor: 'red',
name: 'Продукти харчування та безалкогольні напої',
color: '#c495ae',
data:[101.7,101.4,101.6,102.0,100.0,101.0,100.7,97.6,96.0,99.6,101.5,100.1,101.9]
}, {
animation: {
duration: 6000
},
// товщина лінії
lineWidth: 4,
negativeColor: 'blue',
name: 'Транспорт',
// color: 'black',
color: '#203864',
data: [101.2,99.7,98.2,99.1,99.4,98.5,98.9,102.8,103.7,102.4,101.3,99.9,98.0]
},
//- -
{
animation: {
duration: 6000
},
// товщина лінії
lineWidth: 4,
negativeColor: 'red',
name: 'Житло, вода, електроенергія, газ та інші види палива',
color: '#90ed7e',
data:[99.8,100.3,100.0,100.1,100.2,100.0,112.6,100.0,100.7,100.5,100.0,100.0,99.7]
}
]
});
};
// 60 NEW
//60_2
function graf11(){
chart1 = new Highcharts.Chart({
chart: {renderTo: 'container3',
backgroundColor: '#99ccff'
},
title: {
text: 'Зміни цін на окремі товари та послуги у 2016-2017 роках',
x: -10 //center
},
subtitle: {
text: 'у % до відповідного місяця попереднього року',
x: -10
},
xAxis: {
categories: ['Липень 2016','Серпень 2016','Вересень 2016','Жовтень 2016','Листопад 2016', 'Грудень 2016','Січень 2017','Лютий 2017','Березень 2017','Квітень 2017','Травень 2017','Червень 2017 ','Липень 2017' ]
,
labels: {
staggerLines: 2
}
},
yAxis: {
title: {
text: 'Індекси цін у %'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
// цифри над графіком
plotOptions: {
line: {
dataLabels: {
enabled: true
},
// Показати показник при наведенні мишки
enableMouseTracking: true // false
// enableMouseTracking: false
}
},
// ---
tooltip: {
valueSuffix: ' %'
},
legend: {
// layout: 'vertical',
// align: 'right',
// verticalAlign: 'middle',
borderWidth: 2
},
series: [{
animation: {
duration: 3000
},
name: 'Прод. харчування',
data: [99.3, 99.3, 100.2, 101.4, 101.0, 101.6, 101.9, 101.4, 100.5, 101.3, 101.4, 102.9,100.6]
}, {
animation: {
duration: 3000
},
name: 'Транспорт',
data: [100.1, 100.2, 100.5, 100.7, 101.1, 100.6, 106.7, 103.3, 99.9, 101.0, 100.1, 99.9, 99.7]
}, {
animation: {
duration: 3000
},
name: 'Житло, вода, електроенергія, газ та інші види палива',
data:[100.5, 100.3, 103.8, 103.6, 100.9, 100.0, 101.9, 101.7, 106.3,99.8,101.4,100.6,99.7]
}
]
});
};
// negativeColor: '#599029',
function graf41(){
chart1 = new Highcharts.Chart({
chart: {renderTo: 'container1',
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
backgroundColor: '#9999f9',
type: 'column'
// type: 'line'
},
title: {
text: 'Індекси споживчих цін за основними групами товарів та послуг, '
},
subtitle: {
text: ''
},
xAxis: {
categories: [
'Продукти харчування та безалкогольні напої',
'Алкогольні напої,тютюнові вироби',
'Одяг і взуття',
'Житло, вода, елктроенергія, газ та інші види палива',
'Предмети домашнього вжитку, побутова техніка та поточне утримання житла',
'Охорона здоровя',
'Транспорт',
'Звязок',
'Відпочинок і культура',
'Освіта',
'Ресторани та готелі',
'Різні товари та послуги'
],
crosshair: true
},
yAxis: {
min: 90,
title: {
text: 'Індекс цін (%)'
}
},
tooltip: {
headerFormat: '{point.key}',
pointFormat: '{series.name}: | ' +
'{point.y:.1f} mm | ',
footerFormat: ' ',
shared: true,
useHTML: true
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0
}
},
series: [{
name: 'Україна',
data: [101.5, 100.6, 97.6, 100.3, 100.2, 100.8, 101.8, 100.6, 100.1, 100.0, 101.8, 103.1]
}, {
name: 'Івано-франківська область',
data: [101.2, 100.4, 96.4, 99.9, 100.3, 101.0, 100.9, 101.9, 99.7, 99.9, 100.5, 100.1]
}]
});
};
/// //// ////
// 60
function graf111(){
chart2 = new Highcharts.Chart({
chart: {renderTo: 'container1',
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
backgroundColor: '#99ccff',
type: 'line'
// type: 'column'
},
title: {
text: 'Зміна споживчих цін у 2016-2017 роках, у % до попереднього місяця '
},
subtitle: {
text: '1 у % до попереднього місяця'
},
subtitle: {
text: ''
},
xAxis: {
categories: ['Липень 2016','Серпень 2016','Вересень 2016','Жовтень 2016','Листопад 2016', 'Грудень 2016','Січень.. 2017','Лютий.. 2017','Березень 2017','Квітень 2017','Травень 2017','Червень 2017 ','Липень 2017' ]
,
labels: {
staggerLines: 2
}
},
yAxis: {
// alternateGridColor: '#99FFD5'
title: {
text: 'Проценти (%)'
}
},
plotOptions: {
line: {
dataLabels: {
format: '{y:.1f}',
enabled: true
},
enableMouseTracking: true
}
},
series: [{
animation: {
duration: 6000
},
// колір відємних значень
negativeColor: '#bada55',
name: 'Україна',
data: [-0.1, -0.3, 1.8, 2.8, 1.8, 0.9, 1.1, 1.0, 1.8, 0.9, 1.3, 1.6, 0.2]
}, {
animation: {
duration: 6000
},
negativeColor: '#599029',
name: 'Івано-Франківська область',
data: [-0.5, -0.2, 2.1, 1.6, 0.9, 1.0, 1.9, 1.4, 1.5, 1.0, 1.0, 1.4, 0.2]
}]
});
}; |