$(function () { if($('#chart').length == 1) { /** * get data from controller for home charts: */ $.getJSON('chart/home/account/' + accountID).success(function (data) { var options = { chart: { renderTo: 'chart', type: 'line' }, series: data, title: { text: 'BETTER TITLE HERE' }, yAxis: { formatter: function () { return '$' + Highcharts.numberFormat(this.y, 0); } }, subtitle: { text: 'View more', useHTML: true }, xAxis: { floor: 0, type: 'datetime', dateTimeLabelFormats: { day: '%e %b', year: '%b' }, title: { text: 'Date' } }, tooltip: { shared: true, crosshairs: false, formatter: function () { var str = '' + Highcharts.dateFormat("%A, %e %B", this.x) + '
'; for (x in this.points) { var point = this.points[x]; var colour = point.point.pointAttr[''].fill; str += '' + point.series.name + ': € ' + Highcharts.numberFormat(point.y, 2) + '
'; } //console.log(); return str; return '' + this.series.name + ' on ' + Highcharts.dateFormat("%e %B", this.x) + ':
€ ' + Highcharts.numberFormat(this.y, 2); } }, plotOptions: { line: { shadow: true }, series: { cursor: 'pointer', negativeColor: '#FF0000', threshold: 0, lineWidth: 1, marker: { radius: 2 }, point: { events: { click: function (e) { hs.htmlExpand(null, { src: 'chart/home/info/' + this.series.name + '/' + Highcharts.dateFormat("%d/%m/%Y", this.x), pageOrigin: { x: e.pageX, y: e.pageY }, objectType: 'ajax', headingText: '' + this.series.name + '', width: 250 } ) ; } } } } }, credits: { enabled: false } }; $('#chart').highcharts(options); }); } });