Commit 9fb65ac814d1ca1b9c4cdf90fce9eb0d50363c27
1 parent
a32b79f8
Exists in
master
and in
109 other branches
help layout draft
Showing
6 changed files
with
39 additions
and
23 deletions
Show diff stats
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', | ... | ... |
71 KB
help/images/plotLayout.png
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. | ... | ... |