$(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: 'Курс JPY, грн'}, 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: 'Курс JPY', data: [[1212969600000,0.0456477],[1213056000000,0.0458963],[1213142400000,0.0454391],[1213228800000,0.045259],[1213315200000,0.0450619],[1213401600000,0.0448332],[1213488000000,0.0448332],[1213574400000,0.0448332],[1213660800000,0.0448332],[1213747200000,0.0448296],[1213833600000,0.0448596],[1213920000000,0.0449991],[1214006400000,0.0451074],[1214092800000,0.0451074],[1214179200000,0.0451074],[1214265600000,0.0449494],[1214352000000,0.0449406],[1214438400000,0.0449231],[1214524800000,0.0450736],[1214611200000,0.0457029],[1214697600000,0.0457029],[1214784000000,0.0457029]], 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: [[1212969600000, 0.045648],[1212969600000, 0.045648],[1213056000000, 0.045896],[1213142400000, 0.045439],[1213228800000, 0.045259],[1213315200000, 0.045062],[1213401600000, 0.044833],[1213488000000, 0.044833],[1213574400000, 0.044833],[1213660800000, 0.044833],[1213747200000, 0.044830],[1213833600000, 0.044860],[1213920000000, 0.044999],[1214006400000, 0.045107],[1214092800000, 0.045107],[1214179200000, 0.045107],[1214265600000, 0.044949],[1214352000000, 0.044941],[1214438400000, 0.044923],[1214524800000, 0.045074],[1214611200000, 0.045703],[1214697600000, 0.045703],[1214784000000, 0.045703]], tooltip: {valueSuffix: ' грн'}, type: 'spline', step: false, color: '#0000CC', threshold: null }] }); });