no cache data exists...returning live data<br />
Array
(
    [url] => https://www.runtastic.com/d/users/sign_in.json
    [content_type] => text/html; charset=utf-8
    [http_code] => 500
    [header_size] => 1950
    [request_size] => 563
    [filetime] => -1
    [ssl_verify_result] => 0
    [redirect_count] => 1
    [total_time] => 0.59392
    [namelookup_time] => 1.8E-5
    [connect_time] => 0.013327
    [pretransfer_time] => 0.027963
    [size_upload] => 383
    [size_download] => 969
    [speed_download] => 1631
    [speed_upload] => 644
    [download_content_length] => 969
    [upload_content_length] => 383
    [starttransfer_time] => 0.197918
    [redirect_time] => 0.257154
    [redirect_url] => 
    [primary_ip] => 184.86.103.204
    [certinfo] => Array
        (
        )

    [primary_port] => 443
    [local_ip] => 172.20.0.2
    [local_port] => 45628
)
<p style="padding: 0 0 0 165; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 15px; font-weight: 700;">Zusammenfassung</p><p style="padding: 0 0 0 165; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 15px;">Fahrten: 98<br />Distanz: 4327.34 km <br />Distanz (avg): 44.16 km <br />Dauer: 312.15 h <br />Geschwindigkeit (avg): 13.86 km/h<br />Steigung: 39322 m<br />Kalorien: 151922 kcal<br /></p><!--Load the AJAX API-->
<script data-cfasync="false" type="text/javascript" src="https://www.google.com/jsapi"></script>
<!--script type="text/javascript" src="https://bbbbbb.redirectme.net/runtastic_stats/jsapi"></script-->
<script data-cfasync="false" type="text/javascript">
  // Load the Visualization API and the piechart package.
  google.load('visualization', '1.0', {
    'packages': ['corechart']
  });

  // Set a callback to run when the Google Visualization API is loaded.
  google.setOnLoadCallback(drawChartNb);
  google.setOnLoadCallback(drawCurveYearMonthDst);
  //google.setOnLoadCallback(drawChartDist);
  google.setOnLoadCallback(drawChartDistAvg);
  google.setOnLoadCallback(drawChartGain);
  //google.setOnLoadCallback(drawChartDur);
  google.setOnLoadCallback(drawChartDurAvg);
  google.setOnLoadCallback(drawChartSpeedAvg);
  google.setOnLoadCallback(drawChartElev);
  google.setOnLoadCallback(drawChartCal);
  google.setOnLoadCallback(drawChartStack);
  google.setOnLoadCallback(drawChartOverviewYear);
  google.setOnLoadCallback(drawChartProgressYear);
  google.setOnLoadCallback(drawChartDistanceHistogramYear);

  // Callback that creates and populates a data table,
  // instantiates the pie chart, passes in the data and
  // draws it.
  function drawChartNb() {

    // Create the data table.
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Monate');
    data.addColumn('number', 'Fahrten');
    data.addRows([
      ['January', 0],['February', 3],['March', 6],['April', 12],['May', 16],['June', 21],['July', 22],['August', 9],['September', 6],['October', 2],['November', 1],['December', 0],    ]);

    // Set chart options
    /*var options = {'title':'Fahrten im Zeitraum',
                   'width':600,
                   'height':450};*/
    var options = {
      'title': 'Fahrten im Zeitraum',
      'width': document.body.clientWidth * 0.9,
      'height': 500,
      'backgroundColor': 'transparent',
      'animation': {
        'startup': true,
        'duration': 666
      }
    };

    // Instantiate and draw our chart, passing in some options.
    var chart = new google.visualization.BarChart(document.getElementById('chart_div_nb'));
    chart.draw(data, options);
  }

  function drawCurveYearMonthDst() {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Monate');
    data.addColumn('number', '2012');
    data.addColumn('number', '2013');
    data.addColumn('number', '2014');

    data.addRows([
      ['Jan', 0, 0, 0],
      ['Feb', 0, 0, 201.57],
      ['Mar', 0, 0, 434.01],
      ['Apr', 0, 0, 500.79],
      ['Mai', 0, 208.41, 620.27],
      ['Jun', 1, 67.07, 932.71],
      ['Jul', 0, 105.21, 668.55],
      ['Aug', 0, 669.81, 378.66],
      ['Sep', 0, 0, 398.88],
      ['Oct', 0, 0, 136.33],
      ['Nov', 0, 0, 55.57],
      ['Dec', 0, 0, 0]
    ]);

    var options = {
      'title': 'Distanzen im Jahres- und Monatsvergleich',
      'width': document.body.clientWidth * 0.9,
      'height': 500,
      'backgroundColor': 'transparent',
      'animation': {
        'startup': true,
        'duration': 666
      },
      'hAxis': {
        'title': 'Monate'
      },
      'vAxis': {
        'title': 'km',
        'ticks': [0, 500, 1000, 1500, 2000, 2500],
        'format': '# km'
      },
      'pointSize': 8,
      'series': {
        0: {
          lineWidth: 3,
          areaOpacity: 0.0
        },
        1: {
          lineWidth: 3,
          areaOpacity: 0.0
        },
        2: {
          lineWidth: 3,
          areaOpacity: 0.0
        }
      }
    };

    var chart = new google.visualization.AreaChart(document.getElementById('chart_div_year_month_dst'));
    chart.draw(data, options);
  }

  function drawChartDist() {

    // Create the data table.
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Monate');
    data.addColumn('number', '\u2211 km');
    data.addRows([
      ['January', 0],['February', 201.57],['March', 434.01],['April', 500.79],['May', 620.27],['June', 932.71],['July', 668.55],['August', 378.66],['September', 398.88],['October', 136.33],['November', 55.57],['December', 0],    ]);

    // Set chart options
    var options = {
      'title': 'Kilometer im Zeitraum',
      'width': document.body.clientWidth * 0.9,
      'height': 500,
      'backgroundColor': 'transparent',
      'animation': {
        'startup': true,
        'duration': 666
      }
    };

    // Instantiate and draw our chart, passing in some options.
    var chart = new google.visualization.BarChart(document.getElementById('chart_div_dist'));
    chart.draw(data, options);
  }

  function drawChartGain() {

    // Create the data table.
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Monate');
    data.addColumn('number', '\u2211 Steigung in m');
    data.addRows([
      ['January', 0],['February', 2118],['March', 4371],['April', 4842],['May', 3499],['June', 6836],['July', 5047],['August', 5694],['September', 5298],['October', 1274],['November', 343],['December', 0],    ]);

    // Set chart options
    var options = {
      'title': 'Steigung im Zeitraum',
      'width': document.body.clientWidth * 0.9,
      'height': 500,
      'backgroundColor': 'transparent',
      'animation': {
        'startup': true,
        'duration': 666
      }
    };

    // Instantiate and draw our chart, passing in some options.
    var chart = new google.visualization.BarChart(document.getElementById('chart_div_gain'));
    chart.draw(data, options);
  }


  function drawChartDistAvg() {

    // Create the data table.
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Monate');
    data.addColumn('number', '\u2205 km');
    data.addColumn('number', '\u2211 km');
    data.addRows([
      ['January', 0, 0],['February', 67.19, 201.57],['March', 72.34, 434.01],['April', 41.73, 500.79],['May', 38.77, 620.27],['June', 44.41, 932.71],['July', 30.39, 668.55],['August', 42.07, 378.66],['September', 66.48, 398.88],['October', 68.17, 136.33],['November', 55.57, 55.57],['December', 0, 0],    ]);

    // Set chart options
    var options = {
      'title': 'Kilometer durchschnittlich im Zeitraum',
      'width': document.body.clientWidth * 0.9,
      'height': 500,
      'backgroundColor': 'transparent',
      'animation': {
        'startup': true,
        'duration': 666
      }
    };

    // Instantiate and draw our chart, passing in some options.
    var chart = new google.visualization.BarChart(document.getElementById('chart_div_distavg'));
    chart.draw(data, options);
  }

  function drawChartDur() {

    // Create the data table.
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Monate');
    data.addColumn('number', '\u2211 Dauer h');
    data.addRows([
      ['January', 0],['February', 11.84],['March', 25.2],['April', 28.22],['May', 42.07],['June', 59.87],['July', 43.28],['August', 25.72],['September', 61.05],['October', 11.19],['November', 3.71],['December', 0],    ]);

    // Set chart options
    var options = {
      'title': 'Gesamtdauer im Zeitraum',
      'width': document.body.clientWidth * 0.9,
      'height': 500,
      'backgroundColor': 'transparent',
      'animation': {
        'startup': true,
        'duration': 666
      }
    };

    // Instantiate and draw our chart, passing in some options.
    var chart = new google.visualization.BarChart(document.getElementById('chart_div_dur'));
    chart.draw(data, options);
  }

  function drawChartDurAvg() {

    // Create the data table.
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Monate');
    data.addColumn('number', '\u2205 Dauer in h');
    data.addColumn('number', '\u2211 Dauer in h');
    data.addRows([
      ['January', 0, 0],['February', 3.95, 11.84],['March', 4.2, 25.2],['April', 2.35, 28.22],['May', 2.63, 42.07],['June', 2.85, 59.87],['July', 1.97, 43.28],['August', 2.86, 25.72],['September', 10.18, 61.05],['October', 5.6, 11.19],['November', 3.71, 3.71],['December', 0, 0],    ]);

    // Set chart options
    var options = {
      'title': 'Dauer durchschnittlich im Zeitraum',
      'width': document.body.clientWidth * 0.9,
      'height': 500,
      'backgroundColor': 'transparent',
      'animation': {
        'startup': true,
        'duration': 666
      }
    };

    // Instantiate and draw our chart, passing in some options.
    var chart = new google.visualization.BarChart(document.getElementById('chart_div_duravg'));
    chart.draw(data, options);
  }

  function drawChartSpeedAvg() {

    // Create the data table.
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Monate');
    data.addColumn('number', '\u2205 Speed in km/h');
    data.addRows([
      ['January', 0],['February', 16.91],['March', 17.46],['April', 18.64],['May', 17.57],['June', 16.73],['July', 16.46],['August', 15.73],['September', 15.52],['October', 14.48],['November', 14.97],['December', 0],    ]);

    // Set chart options
    var options = {
      'title': 'avg Geschwindigkeit im Zeitraum',
      'width': document.body.clientWidth * 0.9,
      'height': 500,
      'backgroundColor': 'transparent',
      'animation': {
        'startup': true,
        'duration': 666
      }
    };

    // Instantiate and draw our chart, passing in some options.
    var chart = new google.visualization.BarChart(document.getElementById('chart_div_speedavg'));
    chart.draw(data, options);
  }

  function drawChartCal() {

    // Create the data table.
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Monate');
    data.addColumn('number', 'kcal');
    data.addRows([
      ['January', 1],['February', 5001],['March', 7649],['April', 17807],['May', 20414],['June', 40989],['July', 26001],['August', 15094],['September', 15166],['October', 3050],['November', 751],['December', 1],    ]);



    // Set chart options
    var options = {
      'title': 'Kilokalorien im Zeitraum',
      'width': document.body.clientWidth * 0.9,
      'height': 500,
      'backgroundColor': 'transparent',
      'pieHole': 0.4,
      'animation': {
        'startup': true,
        'duration': 666
      }
    };

    // Instantiate and draw our chart, passing in some options.
    var chart = new google.visualization.PieChart(document.getElementById('chart_div_cal'));
    chart.draw(data, options);
  }

  function drawChartElev() {

    // Create the data table.
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Steigung');
    data.addColumn('number', 'Steigung in m');
    data.addRows([
      ['up in m', 39323],['down in m', 39398],    ]);



    // Set chart options
    var options = {
      'title': 'Steigung',
      'width': document.body.clientWidth * 0.9,
      'height': 500,
      'pieHole': 0.4,
      'backgroundColor': 'transparent',
      'animation': {
        'startup': true,
        'duration': 666
      }
    };

    // Instantiate and draw our chart, passing in some options.
    var chart = new google.visualization.PieChart(document.getElementById('chart_div_elev'));
    chart.draw(data, options);
  }

  function drawChartStack() {

    var data = google.visualization.arrayToDataTable([
      ['nb trips', 'January','February','March','April','May','June','July','August','September','October','November','December', {
        role: 'annotation'
      }],
      ['Fahrten Anzahl', 0,3,6,12,16,21,22,9,6,2,1,0, ''],
      ['Distanz in km/10', 0,20.16,43.4,50.08,62.03,93.27,66.86,37.87,39.89,13.63,5.56,0, ''],
      ['Steigung in m/100', 0,21.18,43.71,48.42,34.99,68.36,50.47,56.94,52.98,12.74,3.43,0, ''],
      ['Zeit in h', 0,11.84,25.2,28.22,42.07,59.87,43.28,25.72,61.05,11.19,3.71,0, '']
    ]);

    // Set chart options
    var options = {
      'title': 'Gesamtstatistiken',
      'width': document.body.clientWidth * 0.9,
      'height': 500,
      'isStacked': true,
      'backgroundColor': 'transparent',
      'animation': {
        'startup': true,
        'duration': 666
      }
    };

    // Instantiate and draw our chart, passing in some options.
    var chart = new google.visualization.BarChart(document.getElementById('chart_div_stacked'));
    chart.draw(data, options);
  }

  function drawChartOverviewYear() {

    // Create the data table.
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Jahre');
    data.addColumn('number', 'Fahrten');
    data.addColumn('number', 'Distanz/10 in km');
    data.addColumn('number', 'Distanz avg in km');
    data.addColumn('number', 'Steigung/100 in m');
    data.addColumn('number', 'Zeit in h');
    data.addRows([
      ['2011',0,0,0,,0],['2012',,0.1,0,0,0],['2013',11,105.05,95.5,171.06,105.03],['2014',98,432.7,44.15,393.22,312.15]    ]);

    // Set chart options
    var options = {
      'title': 'Vergangene Jahre im Vergleich',
      'width': document.body.clientWidth * 0.9,
      'height': 450,
      'backgroundColor': 'transparent',
      'animation': {
        'startup': true,
        'duration': 666
      }
    };

    // Instantiate and draw our chart, passing in some options.
    var chart = new google.visualization.ColumnChart(document.getElementById('chart_div_year'));
    chart.draw(data, options);
  }

  function drawChartProgressYear() {

    // Create the data table.
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Jahre');
    data.addColumn('number', 'Distanz in km');
    data.addRows([
      ['2011',0,],['2012',0,],['2013',208.41,],['2014',1682.64,]    ]);

    // Set chart options
    var options = {
      'title': 'Jahresfortschritt bis zum 30.05. im Vergleich',
      'width': document.body.clientWidth * 0.9,
      'height': 450,
      'backgroundColor': 'transparent',
      'animation': {
        'startup': true,
        'duration': 666
      },
      'hAxis': {
        'title': 'Jahre'
      },
      'vAxis': {
        'title': 'km',
        'format': '# km'
      },
    };

    // Instantiate and draw our chart, passing in some options.
    var chart = new google.visualization.ColumnChart(document.getElementById('chart_div_year_progress'));
    chart.draw(data, options);
  }


  function drawChartDistanceHistogramYear() {

    // Create the data table.
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Jahre');
    data.addColumn('number', '50km<');
    data.addColumn('number', '50-100km');
    data.addColumn('number', '100-150km');
    data.addColumn('number', '150-200km');
    data.addColumn('number', '200-300km');
    data.addColumn('number', '>300km');
    data.addRows([
      ['2012',1,0,0,0,0,0],['2013',5,3,2,1,1,0],['2014',62,30,6,0,0,0]    ]);

    // Set chart options
    var options = {
      'title': 'Histogramm Distanzen der vergangenen Jahre',
      'width': document.body.clientWidth * 0.9,
      'height': 450,
      'backgroundColor': 'transparent',
      'animation': {
        'startup': true,
        'duration': 666
      }
    };

    // Instantiate and draw our chart, passing in some options.
    var chart = new google.visualization.ColumnChart(document.getElementById('chart_div_histo_dist'));
    chart.draw(data, options);
  }
</script>
<!--Div that will hold the pie chart-->

<div id="chart_div_year" style="float:left"></div>

<div style="float:left">
  <div style="position: relative;">
    <div dir="ltr" style="position: relative; width: 100%; height: 25px">
      <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;">
        <hr style="border-color: rgb(238, 238, 238) !important; border-style: solid; border-bottom-style: hidden;">
      </div>
    </div>
  </div>

  <div id="chart_div_year_progress" style="float:left"></div>

  <div style="float:left">
    <div style="position: relative;">
      <div dir="ltr" style="position: relative; width: 100%; height: 25px">
        <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;">
          <hr style="border-color: rgb(238, 238, 238) !important; border-style: solid; border-bottom-style: hidden;">
        </div>
      </div>
    </div>

    <div id="chart_div_year_month_dst" style="float:left"></div>

    <div style="float:left">
      <div style="position: relative;">
        <div dir="ltr" style="position: relative; width: 100%; height: 25px">
          <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;">
            <hr style="border-color: rgb(238, 238, 238) !important; border-style: solid; border-bottom-style: hidden;">
          </div>
        </div>
      </div>

      <div id="chart_div_histo_dist" style="float:left"></div>

      <div style="float:left">
        <div style="position: relative;">
          <div dir="ltr" style="position: relative; width: 100%; height: 25px">
            <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;">
              <hr style="border-color: rgb(238, 238, 238) !important; border-style: solid; border-bottom-style: hidden;">
            </div>
          </div>
        </div>

        <div id="chart_div_nb" style="float:left"></div>

        <div style="float:left">
          <div style="position: relative;">
            <div dir="ltr" style="position: relative; width: 100%; height: 25px">
              <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;">
                <hr style="border-color: rgb(238, 238, 238) !important; border-style: solid; border-bottom-style: hidden;">
              </div>
            </div>
          </div>

          <div id="chart_div_gain" style="float:left"></div>

          <div style="float:left">
            <div style="position: relative;">
              <div dir="ltr" style="position: relative; width: 100%; height: 25px">
                <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;">
                  <hr style="border-color: rgb(238, 238, 238) !important; border-style: solid; border-bottom-style: hidden;">
                </div>
              </div>
            </div>

            <!--div id="chart_div_dist"></div-->
            <div id="chart_div_distavg" style="float:left"></div>

            <div style="float:left">
              <div style="position: relative;">
                <div dir="ltr" style="position: relative; width: 100%; height: 25px">
                  <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;">
                    <hr style="border-color: rgb(238, 238, 238) !important; border-style: solid; border-bottom-style: hidden;">
                  </div>
                </div>
              </div>
              <!--div id="chart_div_dur"></div-->

              <div id="chart_div_duravg" style="float:left"></div>

              <div style="float:left">
                <div style="position: relative;">
                  <div dir="ltr" style="position: relative; width: 100%; height: 25px">
                    <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;">
                      <hr style="border-color: rgb(238, 238, 238) !important; border-style: solid; border-bottom-style: hidden;">
                    </div>
                  </div>
                </div>

                <div id="chart_div_speedavg" style="float:left"></div>

                <div style="float:left">
                  <div style="position: relative;">
                    <div dir="ltr" style="position: relative; width: 100%; height: 25px">
                      <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;">
                        <hr style="border-color: rgb(238, 238, 238) !important; border-style: solid; border-bottom-style: hidden;">
                      </div>
                    </div>
                  </div>

                  <div id="chart_div_cal" style="float:left"></div>

                  <div style="float:left">
                    <div style="position: relative;">
                      <div dir="ltr" style="position: relative; width: 100%; height: 25px">
                        <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;">
                          <hr style="border-color: rgb(238, 238, 238) !important; border-style: solid; border-bottom-style: hidden;">
                        </div>
                      </div>
                    </div>

                    <div id="chart_div_elev" style="float:left"></div>

                    <div style="float:left">
                      <div style="position: relative;">
                        <div dir="ltr" style="position: relative; width: 100%; height: 25px">
                          <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;">
                            <hr style="border-color: rgb(238, 238, 238) !important; border-style: solid; border-bottom-style: hidden;">
                          </div>
                        </div>
                      </div>

                      <div id="chart_div_stacked" style="float:left"></div>

                      <div style="float:left">
                        <div style="position: relative;">
                          <div dir="ltr" style="position: relative; width: 100%; height: 25px">
                            <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;">
                              <hr style="border-color: rgb(238, 238, 238) !important; border-style: solid; border-bottom-style: hidden;">
                            </div>
                          </div>
                        </div>