function start1() { graf601(); graf602() } // 601 function graf601(){ chart2 = new Highcharts.Chart({ chart: {renderTo: 'container601', // plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false, backgroundColor: '#e0e4b4', // plotBackgroundColor: { backgroundColor: { linearGradient: [0, 200, 150, 0], stops: [ [0, 'rgb(224, 228, 180)'], [1, 'rgb(255, 242, 204)'] // [0, 'rgb(255, 230, 153)'], // [1, 'rgb(255, 242, 204)'] ] }, type: 'line' }, title: { text: '601-Індекс промислової продукції', style: { color: '#333399', font: 'bold 14px "Times New Roman Cyr",serif' } }, subtitle: { text: '(у % до відповідного періоду попереднього року, наростаючим підсумком)', style: { color: '#333399', // fontSize : '10px', font: 'Italic 12px "Times New Roman Cyr",serif' } }, xAxis: { categories: ['I', 'II','III','IV','V','VI','VII','VIII','IX','X','XI','XII'], plotOptions: { series: { dataLabels: { // // enabled: false, // enabled: true, borderRadius: 2, y: -10, // rotation: 320, shape: 'callout' } } }, labels: { // staggerLines: 2 } , style: { // fontWeight: 'bold' } , // lineColor: '#F33', lineWidth: 2 }, yAxis: { min: 100, max: 120, // alternateGridColor: '#99FFD5' title: { text: '' }, style: { // fontWeight: 'bold' } // колір і товщина вертикальної лінії , // lineColor: '#F33', lineWidth: 2 }, plotOptions: { line: { dataLabels: { format: '{y:.1f}', y : 0, x : 0, rotation: 320, enabled: true }, /// не виконується style: { // fontWeight: 'bold' } , /// enableMouseTracking: true } }, legend: { borderWidth: 0, // layout: 'vertical', layout: 'horizontal', // align: 'right', // verticalAlign: 'top', // backgroundColor: '#FFffFF', labelFormatter: function () {return this.name + ' рік'; } //, }, series: [{ animation: { duration: 2000 }, /// не виконується style: { enabled: false // fontWeight: 'bold' }, // товщина лінії виконується lineWidth: 2, /// // колір відємних значень //Дані+Колір лінії 2017 Жовта name: '2017', color: '#eeb000', data: [110.0, 106.2, 102.7, 102.4, 104.4, 106.3, 107.4, 109.1, 111.0, 111.6, 111.9, 112.0] , dataLabels: { enabled: true, format: '{y:.1f}', y:-10, style: { fontSize: '9px', // color: '#ff6600' color: '#cc6600' } } }, { animation: {duration: 2000}, // товщина лінії виконується lineWidth: 2.0, //Дані+Колір лінії 2018 Синя name: '2018', color: '#005fff', data: [115.2, 118.0] , dataLabels: { enabled: true, format: '{y:.1f}' , y:-10, x:2, rotation: 320, style: { fontSize: '9px', // color: '#ff6600' color: '#005fff' } } }] }); }; // ++++++++++++++end 601 // 602 function graf602(){ chart2 = new Highcharts.Chart({ chart: {renderTo: 'container602', // plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false, backgroundColor: '#e0e4b4', // plotBackgroundColor: { backgroundColor: { linearGradient: [0, 200, 150, 0], stops: [ [0, 'rgb(255, 242, 204)'], [1, 'rgb(224, 228, 180)'] // [0, 'rgb(224, 228, 180)'], // [1, 'rgb(255, 242, 204)'] // [0, 'rgb(255, 230, 153)'], // [1, 'rgb(255, 242, 204)'] ] }, type: 'line' }, title: { text: '602-Індекси сільськогосподарської продукції', style: { color: '#333399', font: 'bold 14px "Times New Roman Cyr",serif' } }, subtitle: { text: '(у % до відповідного періоду попереднього року, наростаючим підсумком)', style: { color: '#333399', // fontSize : '10px', font: 'Italic 12px "Times New Roman Cyr",serif' } }, xAxis: { categories: ['I', 'II','III','IV','V','VI','VII','VIII','IX','X','XI','XII'], plotOptions: { series: { dataLabels: { // // enabled: false, // enabled: true, borderRadius: 2, y: -10, // rotation: 320, shape: 'callout' } } }, labels: { // staggerLines: 2 } , style: { // fontWeight: 'bold' } , // lineColor: '#F33', lineWidth: 2 }, yAxis: { min: 95, max: 105, // alternateGridColor: '#99FFD5' title: { text: '' }, style: { // fontWeight: 'bold' } // колір і товщина вертикальної лінії , // lineColor: '#F33', lineWidth: 2 }, plotOptions: { line: { dataLabels: { format: '{y:.1f}', y : 0, x : 0, rotation: 320, enabled: true }, /// не виконується style: { // fontWeight: 'bold' } , /// enableMouseTracking: true } }, legend: { borderWidth: 0, // layout: 'vertical', layout: 'horizontal', // align: 'right', // verticalAlign: 'top', // backgroundColor: '#FFffFF', labelFormatter: function () {return this.name + ' рік'; } //, }, series: [{ animation: { duration: 2000 }, /// не виконується style: { enabled: false // fontWeight: 'bold' }, // товщина лінії виконується lineWidth: 2, /// // колір відємних значень //Дані+Колір лінії 2017 Жовта name: '2017', color: '#eeb000', data: [95.7, 95.7, 96.0, 96.6, 97.0, 97.2, 99.4, 102.4, 101.8, 103.6, 103.4, 103.4], dataLabels: { enabled: true, format: '{y:.1f}', y:-10, style: { fontSize: '9px', // color: '#ff6600' color: '#cc6600' } } }, { animation: {duration: 2000}, // товщина лінії виконується lineWidth: 2.0, //Дані+Колір лінії 2018 Синя name: '2018', color: '#005fff', data: [100.0, 100.2], dataLabels: { enabled: true, format: '{y:.1f}' , y:-10, x:2, rotation: 320, style: { fontSize: '9px', // color: '#ff6600' color: '#005fff' } } }] }); }; // ++++++++++++++end 602