FDITeam / visualisation-maritime2

Blame view

src/app/component/graph/graph.component.html 2.42 KB
edit raw normal view history
0331a197d   lsagona   add axis selector 
1
2
3
4
 
  <div class="sticky-top" style=" margin-top: -80px;margin-left: 50px;">
    <div class="form-row">
      <div class="form-group col-md-2 ">
        <label for="xaxis"></label>
76ed49493   lsagona   select X and Y value 
5
 
        <select #xaxis (change)='updateXaxis(xaxis.value)' id="xaxis" class="form-control">
0331a197d   lsagona   add axis selector 
6
 
          <option selected>Choose x axis</option>
76ed49493   lsagona   select X and Y value 
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
          <option [value]="'mmsi'">mmsi</option>
          <option [value]="'time'">time</option>
          <option [value]="'latitude'">latitude</option>
          <option [value]="'longitude'">longitude</option>
          <option [value]="'speedOverGround'">speedOverGround</option>
          <option [value]="'courseOverGround'">courseOverGround</option>
          <option [value]="'heading'">heading</option>
          <option [value]="'vesselName'">vesselName</option>
          <option [value]="'imo'">imo</option>
          <option [value]="'callSign'">callSign</option>
          <option [value]="'vesselType'">vesselType</option>
          <option [value]="'status'">status</option>
          <option [value]="'length'">length</option>
          <option [value]="'width'">width</option>
          <option [value]="'draft'">draft</option>
          <option [value]="'cargo'">cargo</option>
0331a197d   lsagona   add axis selector 
23
24
25
26
 
        </select>
      </div>
      <div class="form-group col-md-2 ">
        <label for="yaxis"></label>
76ed49493   lsagona   select X and Y value 
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
        <select #yaxis (change)='updateYaxis(yaxis.value)' id="yaxis" class="form-control">
          <option  selected>Choose y axis</option>
          <option [value]="'mmsi'">mmsi</option>
          <option [value]="'time'">time</option>
          <option [value]="'latitude'">latitude</option>
          <option [value]="'longitude'">longitude</option>
          <option [value]="'speedOverGround'">speedOverGround</option>
          <option [value]="'courseOverGround'">courseOverGround</option>
          <option [value]="'heading'">heading</option>
          <option [value]="'vesselName'">vesselName</option>
          <option [value]="'imo'">imo</option>
          <option [value]="'callSign'">callSign</option>
          <option [value]="'vesselType'">vesselType</option>
          <option [value]="'status'">status</option>
          <option [value]="'length'">length</option>
          <option [value]="'width'">width</option>
          <option [value]="'draft'">draft</option>
          <option [value]="'cargo'">cargo</option>
0331a197d   lsagona   add axis selector 
45
46
47
48
49
50
 
        </select>
      </div>
    </div>
  </div>
  <plotly-plot [data]="graph.data" [layout]="graph.layout"
               [style]="{position: 'relative', width: '100%' , height:'100%'}"></plotly-plot>
8c0f5138e   lsagona   plot arbitrary da... 
51
 








8c0f5138e
 
 lsagona
 
plot arbitrary da...




52