$(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: 'Курс MDL, грн'}, 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: 'Курс MDL', data: [[1441065600000,1.14112],[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,1.11427],[1442534400000,null],[1442620800000,1.08937],[1442707200000,1.08937],[1442793600000,1.08937],[1442880000000,1.09042],[1442966400000,1.09162],[1443052800000,1.08306],[1443139200000,1.07062],[1443225600000,1.07082],[1443312000000,1.07082],[1443398400000,1.07082],[1443484800000,1.07094],[1443571200000,1.06756]], 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, 1.141125],[1441065600000, 1.141125],[1442448000000, 1.114273],[1442620800000, 1.089372],[1442707200000, 1.089372],[1442793600000, 1.089372],[1442880000000, 1.090424],[1442966400000, 1.091622],[1443052800000, 1.083056],[1443139200000, 1.070616],[1443225600000, 1.070820],[1443312000000, 1.070820],[1443398400000, 1.070820],[1443484800000, 1.070941],[1443571200000, 1.067559]], tooltip: {valueSuffix: ' грн'}, type: 'spline', step: false, color: '#0000CC', threshold: null }] }); });