<%= javascript_include_tag "//www.google.com/jsapi", "//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js", "chartkick" %>

<div class="content">
  <h1>CPU Usage</h1>
  <div style="margin-bottom: 20px;"><%= line_chart cpu_usage_path, max: 101, colors: ["#5bc0de"], library: {pointSize: 0, lineWidth: 5} %></div>

  <h1>Connections</h1>
  <div style="margin-bottom: 20px;"><%= line_chart connection_stats_path, colors: ["#5bc0de"], library: {pointSize: 0, lineWidth: 5} %></div>

  <% if PgHero.replica? %>
    <h1>Replication Lag</h1>
    <div style="margin-bottom: 20px;"><%= line_chart replication_lag_stats_path, colors: ["#5bc0de"], library: {pointSize: 0, lineWidth: 5} %></div>
  <% end %>
</div>

<%= javascript_include_tag "//www.google.com/jsapi", "//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js", "chartkick" %>

<div class="content">
  <h1>CPU Usage</h1>
  <div style="margin-bottom: 20px;"><%= line_chart cpu_usage_path, max: 100, colors: ["#5bc0de"], library: {pointSize: 0, lineWidth: 5} %></div>

  <h1>Connections</h1>
  <div style="margin-bottom: 20px;"><%= line_chart connection_stats_path, colors: ["#5bc0de"], library: {pointSize: 0, lineWidth: 5} %></div>

  <% if PgHero.replica? %>
    <h1>Replication Lag</h1>
    <div style="margin-bottom: 20px;"><%= line_chart replication_lag_stats_path, colors: ["#5bc0de"], library: {pointSize: 0, lineWidth: 5} %></div>
  <% end %>
</div>

Set max for CPU usage chart to 100
Set max for CPU usage chart to 100
