$(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: 'Курс LTL, грн'}, 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: 'Курс LTL', data: [[1404864000000,4.61056],[1404950400000,4.58823],[1405036800000,null],[1405123200000,4.60735],[1405209600000,4.60735],[1405296000000,4.60735],[1405382400000,4.60526],[1405468800000,4.62041],[1405555200000,4.61996],[1405641600000,4.59312],[1405728000000,4.56308],[1405814400000,null],[1405900800000,null],[1405987200000,4.56562],[1406073600000,4.56891],[1406160000000,4.54639],[1406246400000,4.55601],[1406332800000,4.58566],[1406419200000,4.58566],[1406505600000,4.58566],[1406592000000,4.61587],[1406678400000,4.66377],[1406764800000,4.66841]], 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: [[1404864000000, 4.610562],[1404864000000, 4.610562],[1404950400000, 4.588228],[1405123200000, 4.607352],[1405209600000, 4.607352],[1405296000000, 4.607352],[1405382400000, 4.605262],[1405468800000, 4.620414],[1405555200000, 4.619964],[1405641600000, 4.593116],[1405728000000, 4.563084],[1405987200000, 4.565624],[1406073600000, 4.568914],[1406160000000, 4.546392],[1406246400000, 4.556007],[1406332800000, 4.585660],[1406419200000, 4.585660],[1406505600000, 4.585660],[1406592000000, 4.615867],[1406678400000, 4.663771],[1406764800000, 4.668409]], tooltip: {valueSuffix: ' грн'}, type: 'spline', step: false, color: '#0000CC', threshold: null }] }); });