<!DOCTYPE html>
<html>
<head>
<title>Utilizarea TreeSize > Vizualizări TreeSize > Grafic</title>
<meta name=viewport content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="generator" content="Help & Manual" />
<meta name="keywords" content="diagramă cu bare,diagrame,diagramă,diagramă plăcintă,diagramă" />
<meta name="description" content="TreeSize este capabil să vizualizeze informații despre dosare în mai multe tipuri diferite de diagrame. Informațiile se bazează pe modul de vizualizare activ în prezent al..." />
<link type="text/css" href="default.css" rel="stylesheet" />
<link type="text/css" href="custom.css" rel="stylesheet" />
<style TYPE="text/css" media="screen">
html, body { margin:0;
padding:0;
background: #FFF;
font-family:"Segoe UI",Arial,Helvetica,sans-serif;
}
table,tr,th {font-family:"Segoe UI",Arial,Helvetica,sans-serif;}
div#printheader { display: none; }
#idheader {
width:100%;
height:auto;
padding: 0;
margin: 0;
position: fixed;
top: 0;
z-index: 2;
}
/* The "min-height" for "#idheader table" ensures that the (blue) header of the topic
has at least the same height as the header of the navigation panel left of it */
#idheader table {min-height: 72px; background: #F3F3F3;}
#idheader h1 { color: #252E30; }
#idnav {
text-align: right;
width: 126px;
vertical-align: middle;
}
#idnav a { text-decoration: none }
#idnav span {
display: inline-block;
width: 24px;
height: 24px;
margin-left: 4px;
background:url('hm_webhelp_buttons_white.png') top left no-repeat;
}
#idnav a span {
background-image:url('hm_webhelp_buttons_grey.png');
}
#idnav a span:hover {
background-image:url('hm_webhelp_buttons_black.png');
}
#idnav span.hmbtnprev { background-position: 0 -32px }
#idnav span.hmbtnnext { background-position: -24px -32px }
#idnav span.hmbtntop { background-position: -48px -32px }
#idnav span.hmbtntoggle { width: 20px; background-position: -70px -32px }
#idnav span.hmbtnprint { background-position: -88px -32px }
#callout-table, #overview-table {display:block; position:relative; top:0; left:0;}
#callout-icon {display:block; position:absolute; top:-11px; left:-11px;}
#callout-icon-flag {display:block; position:absolute; top:-11px; left:-8px;}
#callout-table a {text-decoration: none; color: blue;}
#callout-table a:visited {text-decoration: none; color: blue;}
#overview-table a {text-decoration: none; color: black;}
#overview-table a:visited {text-decoration: none; color: black;}
#callout-table a:hover, #overview-table a:hover {text-decoration: underline;}
p.help-url { margin: 20px 0 5px 0; text-align: center; font-size: 80%; text-decoration: none }
#switchtoggles { text-align: right; padding: 0 2px 0 0; font-size: 90%; }
.sync-toc { color: #252E30; font-size: 8pt; font-weight: bold; display: none; }
.sync-toc a { color: #252E30; text-decoration: none; font-weight: bold;}
.sync-toc a:visited { color: #252E30; }
.sync-toc a:hover { text-decoration: underline; }
a.hmanchor { display: inline-block; margin-top: 4em; padding-top: 4em }
</style>
<style TYPE="text/css" media="print">
div#idheader, img.dropdown-toggle-icon, p.help-url { display:none }
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="helpman_settings.js"></script>
<script type="text/javascript" src="helpman_topicinit.js"></script>
<script type="text/javascript">
HMSyncTOC("index.html", "charts.html");
</script>
<script type="text/javascript" src="highlight.js"></script>
<script type="text/javascript">
$(document).ready(function(){highlight();});
</script>
</head>
<body>
<div id="printheader"><h1 class="p_Heading1"><span class="f_Heading1">Diagrama</span></h1>
</div>
<div id="idheader">
<div id="idheaderbg">
<table style="width:100%;border:none;margin:0px;" cellspacing="0" cellpadding="0">
<tr>
<td class="topichead" style="text-align:left; vertical-align:bottom">
<p class="sync-toc"><< <a rel="nofollow" href="index.html?charts.html" target="_top">Click to Display Table of Contents</a> >></p>
<p class="crumbs"><b>Navigation:</b>
<a href="using_treesize.html">Utilizarea TreeSize</a> > <a href="treesize_views.html">Vizualizări TreeSize</a> ></p>
<h1 class="p_Heading1"><span class="f_Heading1">Diagrama</span></h1>
</td>
<td class="topichead" id="idnav">
<a href="treesize_views.html" title="Previous Topic"><span class="hmbtnprev"></span></a>
<a href="treesize_views.html" title="Parent Chapter"><span class="hmbtntop"></span></a>
<a href="details.html" title="Next Topic"><span class="hmbtnnext"></span></a>
</td>
</tr>
</table>
</div>
</div>
<div id="idcontent"><div id="innerdiv">
<!-- Ask Internet Explorer 6.users to update their obsolete and dangerous browser -->
<!--[if lt IE 7]><div style=' clear: both; height: 59px; padding:0 0 0 15px; position: relative;'><a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a></div><![endif]-->
<!--ZOOMRESTART-->
<p class="p_Normal">TreeSize este capabil să <span style="font-weight: bold;">vizualizeze informații despre dosare</span> în mai multe tipuri diferite de diagrame. Informațiile se bazează pe <a href="view_menu.html" class="topiclink">modul de vizualizare</a> activ în prezent al TreeSize. Există trei tipuri de bază de diagrame, și anume:</p>
<p class="p_Normal" style="text-indent: 0; padding-left: 13px; margin-left: 0;"><span class="f_Normal" style="font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">•</span><a href="charts.html#piechart" class="topiclink">Grafic circular</a></p>
<p class="p_Normal" style="text-indent: 0; padding-left: 13px; margin-left: 0;"><span class="f_Normal" style="font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">•</span><a href="charts.html#barchart" class="topiclink">Diagrama cu bare</a></p>
<p class="p_Normal" style="text-indent: 0; padding-left: 13px; margin-left: 0;"><span class="f_Normal" style="font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">•</span><a href="charts.html#treemap" class="topiclink">Diagrama Treemap</a></p>
<p class="p_Normal"> </p>
<p class="p_Normal"><a id="ribbontabchart" class="hmanchor"></a><span style="font-weight: bold;">Fila Context: Grafic</span></p>
<p class="p_Normal">Vă rugăm să rețineți: o filă contextuală va fi activată atunci când este selectată vizualizarea Grafic. Acesta vă permite să manipulați graficele în mai multe moduri, de exemplu mărirea, activarea sau dezactivarea liniilor de grilă, comutarea între modul 2D și 3D, schimbarea culorilor etc. Utilizând fila, puteți, de asemenea, să copiați graficul curent în clipboard sau să îl salvați ca fișier.</p>
<p class="p_Normal">Mai multe opțiuni de individualizare a diagramelor sunt disponibile cu ajutorul <a href="optionsdialog-charts.html" class="topiclink">dialogului Opțiuni</a>.</p>
<p class="p_Normal">Unele elemente sunt disponibile exclusiv pentru anumite tipuri de diagrame (de exemplu, "Level of Details" numai pentru diagramele "treemap ").</p>
<p class="p_Normal"><img alt="TreeSize-MainWindow_RibbonTab_Chart" width="1278" height="147" style="margin:0;width:1278px;height:147px;border:none" src="treesize-mainwindow_ribbontab_chart.png"/></p>
<p class="p_Normal"> <br />
Pentru toate graficele de directoare sunt disponibile în mod obișnuit următoarele comenzi:</p>
<div style="text-align: left; text-indent: 0; padding: 0 0 0 0; margin: 0 0 0 0;"><table style="border:none; border-spacing:0;">
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Grafic plăcintă</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Comută la vizualizarea graficului plăcintă.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Grafic cu bare</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Trece la vizualizarea graficului cu bare.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Diagrama Treemap</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Comută la vizualizarea graficului ierarhic.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3"> </span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><br />
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Export diagramă</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Salvează graficul curent ca fișier grafic.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">E-mail</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Exportați graficul curent și trimiteți-l prin e-mail. Puteți configura setările de e-mail în caseta de dialog Opțiuni.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Copiere diagramă în clipboard</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Copiază graficul curent în clipboard (poate fi lipit în alte aplicații).</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Imprimă panoul din dreapta</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Imprimă graficul curent.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3"> </span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><br />
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><a id="colorpicker" class="hmanchor"></a><span class="f_Heading3">Culoare</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Utilizați selectorul de culori pentru a alege o culoare pentru graficul de mai jos: selectați o culoare, apoi faceți clic pe partea din plăcintă pe care trebuie aplicată culoarea.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3"> </span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><br />
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Afișează graficul în 3D</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Vizualizați graficul în 3D sau 2D.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3"> </span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><br />
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Zoom în</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Mărește graficul.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Zoom out</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Reduce din diagramă.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Zoom 100%</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Resetează zoom-ul la 100%.</p>
</td>
</tr>
</table>
</div>
<p class="p_Normal">În funcție de tipul de grafic afișat, sunt disponibile opțiuni suplimentare:</p>
<p class="p_Normal">Pentru diagramele tip plăcintă:</p>
<div style="text-align: justify; text-indent: 0; padding: 0 0 0 0; margin: 0 0 10px 0;"><table style="border:none; border-spacing:0;">
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Afișare spațiu liber</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Afișează spațiul liber al unei unități ca felie suplimentară.</p>
</td>
</tr>
</table>
</div>
<p class="p_Normal">Pentru diagrame cu bare:</p>
<div style="text-align: justify; text-indent: 0; padding: 0 0 0 0; margin: 0 0 10px 0;"><table style="border:none; border-spacing:0;">
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Show Grid (Afișare grilă)</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Afișează sau ascunde liniile de grilă pentru acest grafic.</p>
</td>
</tr>
</table>
</div>
<p class="p_Normal">Pentru graficul treemap:</p>
<div style="text-align: justify; text-indent: 0; padding: 0 0 0 0; margin: 0 0 10px 0;"><table style="border:none; border-spacing:0;">
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><a id="levelofdetail" class="hmanchor"></a><span class="f_Heading3">Nivel de detaliu (Level of detail)</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Modificați nivelul de detaliu al graficului treemap.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Afișare spațiu liber</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Afișează spațiul liber al unei unități ca o piesă separată.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Elemente incluse</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Graficul treemap vă permite să specificați ce elemente ar trebui incluse în grafic. Dimensiunea fiecărei dale reprezintă dimensiunea elementului corespunzător (de obicei, dimensiunea rezumată a fișierelor conținute), la fel ca pentru foldere.</p>
<p class="p_Normal">Activând mai multe tipuri de elemente pentru a fi incluse, va fi implicată o structură ierarhică: Fiecare fișier aparține unei extensii, fiecare extensie aparține unui grup de tipuri de fișiere, iar fiecare grup aparține unui dosar.</p>
<p class="p_Normal">Legenda graficului se va adapta la elementele selectate.</p>
<p class="p_Normal">Sunt disponibile mai multe opțiuni:</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Afișarea fișierelor individuale</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Includeți o piesă separată pentru fiecare fișier.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Afișare extensii</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Includeți o piesă separată pentru fiecare extensie conținută într-un dosar.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Afișare grupuri de tipuri de fișiere</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Includeți o casetă separată pentru fiecare <a href="optionsdialog-file_groups.html" class="topiclink">grup de tipuri de fișiere</a> conținute într-un dosar.</p>
</td>
</tr>
</table>
</div>
<h2 class="p_Heading2"><a id="contextmenu" class="hmanchor"></a><span class="f_Heading2">Meniu contextual</span></h2>
<p class="p_Normal">Dacă faceți clic dreapta pe orice grafic, se afișează un meniu contextual care oferă funcții suplimentare, cum ar fi deschiderea elementului corespunzător în Windows Explorer.</p>
<p class="p_Normal"> </p>
<h2 class="p_Heading2"><a id="piechart" class="hmanchor"></a><span class="f_Heading2">Grafic circular</span></h2>
<p class="p_Normal">Diagrama Pie arată porțiunile relative ale fiecărui subfolder al elementului selectat în prezent în <a href="directorytree.html" class="topiclink">Arborele directoarelor</a>. </p>
<p class="p_Normal">Diagrama conține numele fiecărui dosar, dimensiunea acestuia (sau spațiul alocat, sau numărul de fișiere; pentru mai multe informații, consultați <a href="view_menu.html" class="topiclink">modurile de vizualizare</a>) și valoarea sa procentuală. Dosarele mici pot fi rezumate într-o felie numită "Altele". </p>
<p class="p_Normal">Dacă o rădăcină a oricărei unități este afișată într-un grafic circular și ați trecut la modul "Spațiu alocat", spațiul liber al acestei unități va fi de asemenea afișat ca o felie a plăcintei. Acest comportament poate fi activat sau dezactivat în meniul de opțiuni. Graficul plăcintă afișează spațiul liber ca o felie printre celelalte și calculează procentul în mod corespunzător (în raport cu celelalte), astfel încât valoarea procentuală ar putea diferi de valoarea "% Free" a unității dacă TreeSize nu a văzut toate fișierele.</p>
<p class="p_Normal">Dacă treceți cu privirea peste o felie, veți vedea informații detaliate despre folderul corespunzător, dacă faceți dublu clic, veți trece în folderul selectat. </p>
<p class="p_Normal">Dacă faceți dublu clic pe o felie, se va afișa vizualizarea pie chart pentru folderul selectat. În cazul în care felia clicată reprezintă un fișier, acesta va fi executat. Faceți clic dreapta pe o felie pentru a efectua operațiuni cu fișiere precum ștergere, copiere, lipire, proprietăți etc. Pentru a gestiona mai multe dosare simultan, țineți apăsată tasta Shift în timp ce selectați segmentele dorite în diagramă.</p>
<p class="p_Normal"><img alt="TreeSize-MainWindow_Chart" width="616" height="596" style="margin:0;width:616px;height:596px;border:none" src="treesize-mainwindow_chart.png"/></p>
<p class="p_Normal"> </p>
<p class="p_Normal">Vă rugăm să rețineți că graficul circular nu vizualizează numai dimensiunile fiecărui subfolder al elementului selectat în prezent în arborele directoarelor, ci și distribuția <span style="font-weight: bold;">extensiilor de fișiere</span> și chiar proprietarii fișierelor și ai directoarelor (<span style="font-weight: bold;">statistici de utilizator</span>). Pentru a schimba tipul graficului circular, faceți clic pe săgeata derulantă din dreptul titlului butonului de pe panglică (a se vedea imaginea de mai jos).</p>
<p class="p_Normal"><img alt="TreeSize-MainWindow_PieChart_Types" width="390" height="360" style="margin:0;width:390px;height:360px;border:none" src="treesize-mainwindow_piechart_types.png"/></p>
<p class="p_Normal"> </p>
<h2 class="p_Heading2"><a id="barchart" class="hmanchor"></a><span class="f_Heading2">Diagrama cu bare</span></h2>
<p class="p_Normal">Bar Chart vizualizează dimensiunile dosarelor sub formă de bare orizontale. Liniile de grilă din fundalul graficului permit determinarea ușoară a dimensiunilor dosarelor și compararea fiecărui dosar în raport cu alte dosare de la același nivel de director. La fel ca în cazul graficului circular, dacă treceți cursorul peste o bară, veți obține informații mai detaliate despre folderul corespunzător. Dacă faceți dublu clic pe o bară, se va afișa vizualizarea graficului cu bare pentru folderul selectat.</p>
<p class="p_Normal"><img alt="TreeSize-MainWindow_BarChart" width="616" height="596" style="margin:0;width:616px;height:596px;border:none" src="treesize-mainwindow_barchart.png"/></p>
<p class="p_Normal"> </p>
<h2 class="p_Heading2"><a id="treemap" class="hmanchor"></a><span class="f_Heading2">Diagrama Treemap</span></h2>
<p class="p_Normal">Graficul Treemap este un grafic ierarhic care poate vizualiza dimensiunile fiecărui subfolder (nu numai ale folderelor inferioare directe) dintr-o ramură de directoare selectată. </p>
<p class="p_Normal">Fiecare dosar este prezentat sub forma unui dreptunghi. Aria dreptunghiului reprezintă dimensiunea folderului corespunzător. Dreptunghiurile subfolderelor sunt situate în interiorul dreptunghiului folderului lor părinte. <span class="f_News">Dacă un dosar nu are subdosare și statisticileprivind <a href="extensions.html" class="topiclink">extensiile fișierelor</a> au fost activate în timpul scanării, tipurile de fișiere sunt acum afișate ca subpuncte.</span></p>
<p class="p_Normal">Culoarea feței dreptunghiului indică nivelul directorului. Culorile variază de la un albastru mai închis (directoare de nivel superior) la un albastru mai deschis (directoare cu un nivel profund al sistemului de fișiere). Aceste culori pot fi ajustate utilizând <a href="charts.html#colorpicker" class="topiclink">selectorul de culori</a> din fila contextuală. Meniul contextual al diagramei treemap vă permite, de asemenea, să aplicați o schemă de culori predefinită. Dreptunghiurile afișate trebuie să aibă o dimensiune minimă pentru a fi afișate. Puteți personaliza această valoare minimă utilizând bara de urmărire <a href="charts.html#levelofdetail" class="topiclink">Level of Detail</a> din fila context. Dacă această valoare este mică, graficul poate arăta foarte complex și confuz. </p>
<p class="p_Normal">Dacă plasați cursorul mouse-ului deasupra graficului, veți vedea un tooltip care conține informații despre directorul peste care trece cursorul. Dacăfaceți dublu clic pe unul dintre dreptunghiuri, veți naviga la directorul corespunzător din <a href="directorytree.html" class="topiclink">arborele directoarelor</a>. Operațiunile de glisare și fixare sunt acceptate în diagrama de tip treemap.</p>
<p class="p_Normal"><img alt="TreeSize-MainWindow_TreeMap" width="616" height="596" style="margin:0;width:616px;height:596px;border:none" src="treesize-mainwindow_treemap.png"/></p>
<!--ZOOMSTOP-->
</div></div>
<script type="text/javascript">
$(document).ready(function(){
$(window).bind('resize', function() {
var y = $('#idheader').height();
$('#idcontent').css('margin-top', y);
var par = window.parent;
if ($( par ).width() <= $( window ).width()+20) {
$('#idheader').css('position', 'relative');
$('#idcontent').css('margin-top', 0);
$('#idbacktotop').css('display', 'block');
$('.hmanchor').css('margin-top', -20);
$('.hmanchor').css('padding-top', 20);
}
else {
$('#idheader').css('position', 'fixed');
$('#idcontent').css('margin-top', $('#idheader').height());
$('#idbacktotop').css('display', 'none');
$('.hmanchor').css('margin-top', -y-20);
$('.hmanchor').css('padding-top', y+20);
}
});
if (/touch/i.test(navigator.userAgent)) {
$("a#printbuttonlink").hide();
$("div#idnav").css("width","126px");
}
$(window).resize(); //trigger event for initially small displays
});
if ((!parent.hmNavigationFrame) && (parent.location) && (parent.location.href)) { $('.sync-toc').show();$('p.crumbs').hide();}
</script>
</body>
</html>