Commit 9fb65ac814d1ca1b9c4cdf90fce9eb0d50363c27

Authored by Elena.Budnik
1 parent a32b79f8

help layout draft

help/ManualLayout 0 → 100644
... ... @@ -0,0 +1,4 @@
  1 +<h2>Manual Layout</h2>
  2 +<b>TBD</b>
  3 +<br/>
  4 +
0 5 \ No newline at end of file
... ...
help/content.json
... ... @@ -78,9 +78,18 @@ children: [
78 78 id: 'plotPage',
79 79 leaf:true
80 80 },{
81   - text:'Plot Objects : Layout (TBD)',
82   - id: 'plotLayout',
83   - leaf:true
  81 + text:'Plot Objects : Layout',
  82 +
  83 + children:[{
  84 + text:'Auto and Vertical Layouts',
  85 + id: 'plotLayout',
  86 + leaf:true
  87 + },{
  88 + text:'Manual Layout (TBD)',
  89 + id: 'ManualLayout',
  90 + leaf:true
  91 + }
  92 + ]
84 93 },{
85 94 text:'Plot Objects : Panel (TBD)',
86 95 id: 'plotPanel',
... ...
help/images/autoOut.png 0 → 100644

71 KB

help/images/plotLayout.png

31.6 KB | W: | H:

21.5 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
help/images/vertical.png 0 → 100644

39.3 KB

help/plotLayout
1 1 <h2><img src="js/resources/images/16x16/plot.png" style="margin: 0px 10px 0px 0px;"/>Plot Objects : Layout</h2>
2   -Layout defines position of the panels on the page. On click the <b><i>Layout</b></i> element :
3   -<img class="centered" src="help/images/plotLayout.png" style="margin: 10px 10px 10px 10px;"/>
4   -<h3>Implemented Layouts</h3>
5   -
6   - <i>Vertical</i> ( default ): vertical stack of panels;<br/>
7   - all time panels are of the same width;<br/>
8   - one XY panel in the line;<br/>
9   - generic panel height (for Time and XY panel)<br/>
10   - and width (for XY panel) can be defined at this level<br/><br/>
11   -
12   - <i>Auto</i> : automatic layout - if possible combines<br/>
13   - several XY panels at the same level;
14   - only panel height can be defined (XY panel is 'square')<br/><br/>
15   -
16   - <i>Manual</i> : everything is to be defined by user
17   -
18   - <hr>
19   -Two generic panel types : 'Time/Epoch' and 'XY (Scatter/Instant)';
20   -<br/>
21   -
22 2 \ No newline at end of file
  3 +<b><i>Layout</i></b> defines position of the panels on the page. Note that there are two panel types
  4 +<i>Time</i> (TimePlot/EpochPlop, normally only panel height can be defined) and <i>XY</i>
  5 +(ScatterPlot/InstantPlot, normally both panel height and width can be defined).
  6 +You may select one of three different layouts.
  7 +<img class="centered" src="help/images/plotLayout.png" style="margin: 10px 0px 10px 0px;"/>
  8 +<hr>
  9 +<h3>Auto Layout</h3>
  10 +<img class="centered" src="help/images/autoOut.png" style="margin: 10px 0px 10px 0px;"/>
  11 +<ul>
  12 +<li><i>Auto Layout</i> strictly defines panel height and spacing between panels (values in range 0 - 1). It is the same
  13 +for the both panel types and can not be modified anywhere else. XY panels are square.
  14 +<li>If possible several XY panels are combined at the same "row".
  15 +<li><i>Expand Panels</i> checkbox. If it is checked panels are proportionally expanded to occupy all page size.
  16 +<li><i>Legend visibility for time axes</i> controls if TimeAxe tickmarks are shown on each panel, or on that
  17 +at the bottom only.
  18 +</ol>
  19 +<p>
  20 +Tip : You may ajust layout by modifying settings while plotting empty panels.
  21 +<hr>
  22 +<h3>Vertical Layout</h3>
  23 +<img class="centered" src="help/images/vertical.png" style="margin: 10px 0px 10px 0px;"/>
  24 +<i>Vertical Layout</i> is more flexible in defining panel sizes. It allows the individual panel size even to be defined at
  25 +the <i>panel</i> level. But several XY panels cannot be combined at the same "row" with this layout.
... ...