github.com/manicqin/nomad@v0.9.5/ui/app/templates/components/freestyle/sg-stats-time-series.hbs (about)

     1  {{#freestyle-usage "stats-time-series-standard" title="Stats Time Series"}}
     2    <div class="block" style="height:100px; width: 400px;">
     3      {{stats-time-series data=staticMetrics chartClass="is-primary"}}
     4    </div>
     5  {{/freestyle-usage}}
     6  
     7  {{#freestyle-usage "stats-time-series-comparison" title="Stats Time Series High/Low Comparison"}}
     8    <div class="columns">
     9      <div class="block column" style="height:200px; width:400px">
    10        {{stats-time-series data=metricsHigh chartClass="is-info"}}
    11      </div>
    12      <div class="block column" style="height:200px; width:400px">
    13        {{stats-time-series data=metricsLow chartClass="is-info"}}
    14      </div>
    15    </div>
    16  {{/freestyle-usage}}
    17  {{#freestyle-annotation}}
    18    <p>Line charts, and therefore stats time series charts, use a constant linear gradient with a height equal to the canvas. This makes the color intensity of the gradient at values consistent across charts as long as those charts have the same y-axis domain.</p>
    19    <p>This is used to great effect with stats charts since they all have a y-axis domain of 0-100%.</p>
    20  {{/freestyle-annotation}}