anychart.onDocumentReady(function () {
var dataSet = anychart.data.set([
var ridingData = dataSet.mapAs({x: 0, value: 1});
var hikingData = dataSet.mapAs({x: 0, value: 2});
var chart = anychart.line();
var ridingSeries = chart.line(ridingData);
ridingSeries.name('Riding');
var hikingSeries = chart.line(hikingData);
hikingSeries.name('Hiking');
hikingSeries.stroke('#458b00');
var numberOfPoints = ridingSeries.getStat('seriesPointCount');
var latestPointRiding = ridingSeries.getPoint(numberOfPoints - 1);
var latestPointHiking = hikingSeries.getPoint(numberOfPoints - 1);
var titleText = 'Distance (km) Today: Riding ~ ' + latestPointRiding.getStat('value') + ', Hiking ~ ' + latestPointHiking.getStat('value');
chart.title({text: titleText, useHtml: true});
chart.listen('pointsSelect', function(e){
var selectedPointYear = e.point.getStat('categoryName');
var subtitleText = "<span style='font-size:12'>" + selectedPointYear + ': ';
for (var i = 0; i < e.points.length; i++) {
subtitleText += e.points[i].getSeries().name() + ' ~ ' + e.points[i].getStat('value') + ', ';
subtitleText = subtitleText.slice(0, subtitleText.length - 2) + '</span>';
chart.title(titleText + '<br>' + subtitleText);
chart.container('container');