$(function() {
var product = $('#product');
// Only log visits on overview page
if ($('#overview-page').length) {
analytics.track('Viewed Product Details', {
id: product.data('id'),
sku: product.data('slug'),
name: product.data('name'),
price: product.data('price'),
});
}
analytics.track('Viewed a Product Tab', {
sku: product.data('slug')
});
var portfolio = $('.item-portfolio');
if (portfolio.length > 0) {
$.getJSON(portfolio.attr('data-portfolio-url'), function (data) {
var performance = new Highcharts.StockChart(
{
chart: {
renderTo: portfolio[0],
type: 'line',
plotBorderWidth: 0,
borderWidth: 1,
borderColor: '#ddd',
style: {
fontFamily: 'proxima-nova, sans-serif !important'
},
spacingLeft: 10,
spacingRight: 10,
spacingBottom: 10,
spacingTop: 0,
zoomType: ''
},
colors: ['#009BFF', '#44B263'],
plotOptions: {
line: {
lineWidth: 2
}
},
yAxis: {
gridLineWidth: 0,
labels: {
enabled: false
}
},
navigator : {
enabled: false
},
scrollbar: {
enabled: false
},
rangeSelector: {
enabled: false
},
tooltip: {
crosshairs: {
color: '#333'
},
shadow: false,
borderWidth: 0,
valueDecimals: 2,
useHTML: true,
formatter: function () {
var s = '' + Highcharts.dateFormat('%b %e, %Y', this.x) + '';
$.each(this.points, function (i, point) {
s += '
' + point.series.name + ' moved ' +
point.y.toFixed(2) + ' %';
});
return s;
}
},
series: [
{name: 'Portfolio', data: data.portfolio, tooltip: {valueDecimals: 2}},
{name: 'S&P 500', data: data.standard, tooltip: {valueDecimals: 2}}
]
}
)
});
}
});