ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-04-20 00:51:09 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Allow duplicates in repeats, use proper labels

Browse Source
This commit is contained in:
Pete Richards 2015-08-12 16:50:51 -07:00
parent 5502009127
commit 889a5c6ea9
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
platform/features/plot-reborn/res/templates/mct-plot.html
View File

@ -2,7 +2,7 @@
<div class="gl-plot">
<div class="gl-plot-legend">
<span class="plot-legend-item"
ng-repeat="series in series">
ng-repeat="series in series track by $index">
<span class="plot-color-swatch"
ng-style="{ 'background-color': series.color.asHexString() }">
</span>
@ -20,10 +20,10 @@
<div class="gl-plot-axis-area gl-plot-y">
<div class="gl-plot-label gl-plot-y-label">
{{ axes.range.name}}
{{ axes.range.label}}
</div>
<div ng-repeat="tick in axes.range.ticks"
<div ng-repeat="tick in axes.range.ticks track by $index"
class="gl-plot-tick gl-plot-y-tick-label"
ng-style="{ top: (100 * $index / (axes.range.ticks.length - 1)) + '%' }"
style="margin-top: -0.50em;">
@ -34,14 +34,14 @@
<div class="gl-plot-display-area">
<div class="gl-plot-hash hash-v"
ng-repeat="tick in axes.domain.ticks"
ng-repeat="tick in axes.domain.ticks track by $index"
ng-style="{ left: (100 * $index / (axes.domain.ticks.length - 1)) + '%', height: '100%' }"
ng-show="$index > 0 && $index < (axes.domain.ticks.length - 1)">
<!--TODO: Show/hide using CSS? -->
</div>
<div class="gl-plot-hash hash-h"
ng-repeat="tick in axes.range.ticks"
ng-repeat="tick in axes.range.ticks track by $index"
ng-style="{ bottom: (100 * $index / (axes.range.ticks.length - 1)) + '%', width: '100%' }"
ng-show="$index > 0 && $index < (axes.range.ticks.length - 1)">
<!--TODO: Show/hide using CSS? -->
@ -62,7 +62,7 @@
</div>
<div class="gl-plot-axis-area gl-plot-x">
<div ng-repeat="tick in axes.domain.ticks"
<div ng-repeat="tick in axes.domain.ticks track by $index"
class="gl-plot-tick gl-plot-x-tick-label"
ng-show="$index > 0 && $index < (axes.domain.ticks.length - 1)"
ng-style="{ left: (100 * $index / (axes.domain.ticks.length - 1)) + '%' }">
@ -70,7 +70,7 @@
</div>
<div class="gl-plot-label gl-plot-x-label">
{{ axes.domain.name }}
{{ axes.domain.label }}
</div>
</div>
</div>