$(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: 'Курс SEK, грн'}, 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: 'Курс SEK', data: [[1318032000000,1.17273],[1318118400000,1.17273],[1318204800000,1.17273],[1318291200000,1.18766],[1318377600000,1.1895],[1318464000000,1.20396],[1318550400000,1.19818],[1318636800000,1.20488],[1318723200000,1.20488],[1318809600000,1.20488],[1318896000000,1.19972],[1318982400000,1.19093],[1319068800000,1.2087],[1319155200000,1.21041],[1319241600000,1.20891],[1319328000000,1.20891],[1319414400000,1.20891],[1319500800000,1.21354],[1319587200000,1.21845],[1319673600000,1.22115],[1319760000000,1.24038]], 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: [[1318032000000, 1.172728],[1318032000000, 1.172728],[1318118400000, 1.172728],[1318204800000, 1.172728],[1318291200000, 1.187661],[1318377600000, 1.189497],[1318464000000, 1.203957],[1318550400000, 1.198179],[1318636800000, 1.204885],[1318723200000, 1.204885],[1318809600000, 1.204885],[1318896000000, 1.199725],[1318982400000, 1.190925],[1319068800000, 1.208702],[1319155200000, 1.210408],[1319241600000, 1.208915],[1319328000000, 1.208915],[1319414400000, 1.208915],[1319500800000, 1.213543],[1319587200000, 1.218447],[1319673600000, 1.221152],[1319760000000, 1.240376]], tooltip: {valueSuffix: ' грн'}, type: 'spline', step: false, color: '#0000CC', threshold: null }] }); });