$(document).ready(function () { chart = new Highcharts.StockChart({ chart: { renderTo: 'chart', type: 'line', animation: false, showAxes: true, height: 500 }, xAxis: { ordinal: false, type: 'datetime', showEmpty: true, gridLineWidth: 1, gridLineDashStyle: 'dot', ordinal: false }, yAxis: { title: {text: 'Курс EUR, грн'}, lineWidth: 3, gridLineWidth: 1, gridLineDashStyle: 'dash', ordinal: false }, plotOptions: { series: {connectNulls: true, shadow: false}, spline: {marker: {enabled: true}} }, tooltip: {valueDecimals: 8, xDateFormat: '%d %b %Y', shared: true}, series: [ { name: 'Курс EUR', data: [[1441065600000,24.4548],[1441152000000,null],[1441238400000,null],[1441324800000,null],[1441411200000,null],[1441497600000,null],[1441584000000,null],[1441670400000,null],[1441756800000,null],[1441843200000,null],[1441929600000,null],[1442016000000,null],[1442102400000,null],[1442188800000,null],[1442275200000,null],[1442361600000,null],[1442448000000,24.5024],[1442534400000,null],[1442620800000,24.71],[1442707200000,24.71],[1442793600000,24.71],[1442880000000,24.587],[1442966400000,24.2494],[1443052800000,24.0563],[1443139200000,24.1282],[1443225600000,24.104],[1443312000000,24.104],[1443398400000,24.104],[1443484800000,24.1142],[1443571200000,24.1195]], tooltip: {valueSuffix: ' грн'}, type: 'area', step: true, color: '#888888', fillColor: { linearGradient: {x1: 0, y1: 0, x2: 0, y2: 1}, stops: [[0, '#CCCCCC'], [1, 'rgba(50,50,50,0)']] }, threshold: null }, { name: 'Среднее за период', data: [[1441065600000, 24.454777],[1441065600000, 24.454777],[1442448000000, 24.502414],[1442620800000, 24.710021],[1442707200000, 24.710021],[1442793600000, 24.710021],[1442880000000, 24.587039],[1442966400000, 24.249368],[1443052800000, 24.056269],[1443139200000, 24.128210],[1443225600000, 24.103992],[1443312000000, 24.103992],[1443398400000, 24.103992],[1443484800000, 24.114188],[1443571200000, 24.119460]], tooltip: {valueSuffix: ' грн'}, type: 'spline', step: false, color: '#0000CC', threshold: null }] }); });