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}}