frontend/croschart/templates/perfchart/plot_chart_base.html

{% extends "base.html" %}
{% comment %}

Copyright 2010 Google Inc. All Rights Reserved.

This template builds a single plot on a single page for a zoomed-in view.
{% endcomment %}
{% block title %}ChromeOS Performance Chart{% endblock %}
{% block html_block %}
<!--Load the AJAX API-->
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
  // Load the Visualization API and the piechart package.
  google.load('visualization', '1', {'packages':['corechart']});

  // Set a callback to run when the Google Visualization API is loaded.
  google.setOnLoadCallback(drawCharts);

  // Callback that creates and populates a data table,
  // instantiates the charts, passes in the data and
  // draws them.
  function drawCharts() {
    var chart = new google.visualization.LineChart(
        document.getElementById('{{ tpl_chart.test_name }}'));
    var json_data = new google.visualization.DataTable(
        {% autoescape off %}{{ tpl_chart.gviz_data_table }}{% endautoescape %}, 0.5);
    {% block add_listener %}{% endblock %}
    chart.draw(
        json_data,
        {chartArea: {top:6},
         hAxis: {
            slantedText: true,
            slantedTextAngle: 90,
            textStyle: {fontSize: 10}},
         height: {{ tpl_params.height|default:600 }},
         interpolateNulls: true,
         is3D: true,
         pointSize: 3,
    {% ifequal tpl_chart.test_keys|length 1 %}
         colors: ['{{ tpl_colors|random }}'],
         legend: 'none',
    {% else %}
         legendTextStyle: {fontSize: 10},
    {% endifequal %}
         width: {{ tpl_params.width|default:800 }}});
  }
</script>
<center>
<h4>
  <a href = "{{ tpl_path }}" target="_blank">
  {% ifequal tpl_chart.test_keys|length 1 %}
  {{ tpl_chart.test_name }} - {{ tpl_chart.test_keys.0 }}
  {% else %}
  {{ tpl_chart.chart_title }}
  {% endifequal %}
  </a>
</h4>
{% block subtitle_block %}{% endblock %}
<span id="{{ tpl_chart.test_name }}"></span>
</center>
{% block add_iframe %}{% endblock %}
{% endblock %}