$(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: 'Курс KZT, грн'}, 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: 'Курс KZT', data: [[1318032000000,0.053739],[1318118400000,0.053739],[1318204800000,0.053739],[1318291200000,0.053782],[1318377600000,0.05384],[1318464000000,0.053916],[1318550400000,0.053992],[1318636800000,0.053992],[1318723200000,0.053992],[1318809600000,0.053992],[1318896000000,0.053937],[1318982400000,0.05393],[1319068800000,0.053945],[1319155200000,0.053919],[1319241600000,0.05389],[1319328000000,0.05389],[1319414400000,0.05389],[1319500800000,0.053901],[1319587200000,0.053908],[1319673600000,0.053908],[1319760000000,0.053953]], 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, 0.053739],[1318032000000, 0.053739],[1318118400000, 0.053739],[1318204800000, 0.053739],[1318291200000, 0.053782],[1318377600000, 0.053840],[1318464000000, 0.053916],[1318550400000, 0.053992],[1318636800000, 0.053992],[1318723200000, 0.053992],[1318809600000, 0.053992],[1318896000000, 0.053937],[1318982400000, 0.053930],[1319068800000, 0.053945],[1319155200000, 0.053919],[1319241600000, 0.053890],[1319328000000, 0.053890],[1319414400000, 0.053890],[1319500800000, 0.053901],[1319587200000, 0.053908],[1319673600000, 0.053908],[1319760000000, 0.053953]], tooltip: {valueSuffix: ' грн'}, type: 'spline', step: false, color: '#0000CC', threshold: null }] }); });