<!DOCTYPE html>
<html>
<head>
<title>TreeSize-ohjelman käyttäminen > TreeSize-näkymät > Kaavio</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="pylväsdiagrammi,kaaviot,kaavio,piirakkakaavio,puukartta" />
<meta name="description" content="TreeSize pystyy visualisoimaan kansion tietoja useissa erityyppisissä kaavioissa. Tiedot perustuvat tällä hetkellä aktiiviseen näkymätilaan osoitteessaTreeSize. Kaavioita on..." />
<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">Kaavio</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">TreeSize-ohjelman käyttäminen</a> > <a href="treesize_views.html">TreeSize-näkymät</a> ></p>
<h1 class="p_Heading1"><span class="f_Heading1">Kaavio</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 pystyy <span style="font-weight: bold;">visualisoimaan kansion tietoja</span> useissa erityyppisissä kaavioissa. Tiedot perustuvat tällä hetkellä aktiiviseen <a href="view_menu.html" class="topiclink">näkymätilaan</a> osoitteessaTreeSize. Kaavioita on kolme perustyyppiä, nimittäin seuraavat:</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">Piirakkakaavio</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">Pylväsdiagrammi</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">Puukaavio</a></p>
<p class="p_Normal"> </p>
<p class="p_Normal"><a id="ribbontabchart" class="hmanchor"></a><span style="font-weight: bold;">Kontekstivälilehti: Kaavio</span></p>
<p class="p_Normal">Huomaa: Kontekstivälilehti aktivoituu, kun Kaavio-näkymä on valittu. Sen avulla voit käsitellä kaavioita useilla eri tavoilla, esimerkiksi zoomata, kytkeä ruudukkoviivat päälle tai pois päältä, vaihtaa 2D- ja 3D-tilan välillä, vaihtaa värejä jne. Välilehden avulla voit myös kopioida nykyisen kaavion leikepöydälle tai tallentaa sen tiedostoksi.</p>
<p class="p_Normal">Lisää vaihtoehtoja kaavioiden yksilöllistämiseen on saatavilla <a href="optionsdialog-charts.html" class="topiclink">Options (Asetukset) -valintaikkunassa</a>.</p>
<p class="p_Normal">Jotkin elementit ovat käytettävissä vain tietyntyyppisille kaavioille (esim. "Level of Details" vain "Treemap " -kaavioille).</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 />
Kaikille hakemistokaavioille ovat yleisesti käytettävissä seuraavat komennot:</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">Piirakkakaavio</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Siirtyy piirakkakaavionäkymään.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Pylväsdiagrammi</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Siirtyy pylväsdiagramminäkymään.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Puukartta</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Siirtyy hierarkkiseen kaavionäkymään.</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">Vie kaavio</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Tallentaa nykyisen kaavion grafiikkatiedostona.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Sähköposti</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Vie nykyisen kaavion ja lähettää sen sähköpostitse. Voit määrittää sähköpostiasetukset asetukset-valintaikkunassa.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Kopioi kaavio leikepöydälle</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Kopioi nykyisen kaavion leikepöydälle (voidaan liittää muihin sovelluksiin).</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Tulosta oikea ruutu</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Tulostaa nykyisen kaavion.</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">Väri</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Valitse väri alla olevaan kaavioon värinvalitsimella: valitse väri ja napsauta sitten piirakan osaa, johon väriä halutaan soveltaa.</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">Näytä kaavio 3D:nä</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Näytä kaavio 3D:nä tai 2D:nä.</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">Suurenna</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Lähentää kaavion.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Pienennä</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Pienentää karttaa.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Zoomaus 100 %</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Nollaa zoomauksen 100 prosenttiin.</p>
</td>
</tr>
</table>
</div>
<p class="p_Normal">Käytettävissä on muita vaihtoehtoja näytetyn kaaviotyypin mukaan:</p>
<p class="p_Normal">Piirakkakaavioille:</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">Näytä vapaa tila</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Näyttää aseman vapaan tilan ylimääräisenä siivuna.</p>
</td>
</tr>
</table>
</div>
<p class="p_Normal">Pylväsdiagrammeissa:</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">Näytä ruudukko</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Näytä tai piilota tämän kaavion ruudukkoviivat.</p>
</td>
</tr>
</table>
</div>
<p class="p_Normal">Puukarttakaavion osalta:</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">Tarkkuustaso</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Muuta puukarttakaavion yksityiskohtaisuuden tasoa.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Näytä vapaa tila</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Näytä aseman vapaa tila erillisenä laatikkona.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Mukana olevat elementit</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Treemap-kaaviossa voit määrittää, mitkä elementit sisällytetään kaavioon. Kunkin laatan koko edustaa kyseisen elementin kokoa (yleensä sisältämiensä tiedostojen yhteenlaskettu koko), aivan kuten kansioiden kohdalla.</p>
<p class="p_Normal">Jos aktivoit useamman kuin yhden tyyppisiä elementtejä sisällytettäväksi, hierarkkinen rakenne syntyy: Jokainen tiedosto kuuluu laajennukseen, jokainen laajennus kuuluu tiedostotyyppiryhmään ja jokainen ryhmä kuuluu kansioon.</p>
<p class="p_Normal">Kaavion selite mukautuu valittujen elementtien mukaan.</p>
<p class="p_Normal">Käytettävissä on useita vaihtoehtoja:</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Näytä yksittäiset tiedostot</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Sisällytä erillinen laatta kullekin tiedostolle.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Näytä laajennukset</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Sisällyttää erillisen laatan jokaiselle kansion sisältämälle laajennukselle.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Näytä tiedostotyyppiryhmät</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Sisällytä erillinen laatta jokaiselle kansion sisältämälle<a href="optionsdialog-file_groups.html" class="topiclink">tiedostotyyppiryhmälle</a>.</p>
</td>
</tr>
</table>
</div>
<h2 class="p_Heading2"><a id="contextmenu" class="hmanchor"></a><span class="f_Heading2">Kontekstivalikko</span></h2>
<p class="p_Normal">Napsauttamalla hiiren kakkospainikkeella mitä tahansa kaaviota saat esiin ponnahdusvalikon, joka tarjoaa lisätoimintoja, kuten vastaavan kohteen avaamisen Windows Explorerissa.</p>
<p class="p_Normal"> </p>
<h2 class="p_Heading2"><a id="piechart" class="hmanchor"></a><span class="f_Heading2">Piirakkakaavio</span></h2>
<p class="p_Normal">Piirakkakaavio näyttää <a href="directorytree.html" class="topiclink">hakemistopuusta</a>parhaillaan valitun kohteen kunkin alikansion suhteelliset osuudet . </p>
<p class="p_Normal">Kaaviossa on kunkin kansion nimi, sen koko (tai varattu tila tai tiedostojen määrä; lisätietoja on kohdassa <a href="view_menu.html" class="topiclink">Näkymätilat</a>) ja prosentuaalinen arvo. Pienet kansiot voidaan tiivistää viipaleeseen nimeltä "Muut". </p>
<p class="p_Normal">Jos piirakkakaaviossa näytetään jonkin aseman juuri ja olet siirtynyt "Allocated Space" -tilaan, myös tämän aseman vapaa tila näytetään yhtenä piirakan siivuna. Tämä toiminto voidaan kytkeä päälle tai pois päältä asetusvalikossa. Piirakkakaavio näyttää vapaan tilan yhtenä siivuna muiden joukossa ja laskee prosenttiosuuden asianmukaisesti (suhteessa muihin), joten prosenttiarvo saattaa poiketa aseman "% vapaa" -arvosta, jos TreeSize ei ole nähnyt kaikkia tiedostoja.</p>
<p class="p_Normal">Siirry viipaleen yläpuolelle ja näytä yksityiskohtaiset tiedot vastaavasta kansiosta, ja kaksoisnapsauttamalla voit siirtyä valittuun kansioon. </p>
<p class="p_Normal">Viipaleen kaksoisnapsauttaminen näyttää valitun kansion piirakkakaavionäkymän. Jos napsautettu viipale edustaa tiedostoa, se suoritetaan. Napsauttamalla viipaletta hiiren kakkospainikkeella voit suorittaa tiedostotoimintoja, kuten poistaminen, kopioiminen, liittäminen, ominaisuudet jne. Voit hallita useita kansioita kerralla pitämällä shift-näppäintä painettuna, kun valitset haluamasi segmentit kaavioon.</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">Huomaa, että piirakkakaavio ei ainoastaan visualisoi hakemistopuusta valitun kohteen kunkin alikansion kokoja, vaan myös <span style="font-weight: bold;">tiedostopäätteiden</span>jakautumista ja jopa tiedostojen ja hakemistojen omistajia (<span style="font-weight: bold;">käyttäjätilastot</span> ). Voit vaihtaa piirakkadiagrammin tyyppiä napsauttamalla pudotusnuolta oikealla nauhapainikkeen otsikon vieressä (katso kuva alla).</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">Pylväsdiagrammi</span></h2>
<p class="p_Normal">Viivakaavio visualisoi kansioiden koot vaakapalkkien muodossa. Kaavion taustalla olevat ruudukkoviivat mahdollistavat kansiokokojen helpon määrittämisen ja kunkin kansion vertailun suhteessa muihin saman hakemistotason kansioihin. Piirakkakaavion tapaan pylvään päälle vieminen tuo esiin yksityiskohtaisempia tietoja vastaavasta kansiosta. Kaksoisnapsauttamalla palkkia saat näkyviin valitun kansion pylväsdiagramminäkymän.</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">Puukaavio</span></h2>
<p class="p_Normal">Puukaavio on hierarkkinen kaavio, jolla voidaan visualisoida valitun hakemistohaaran jokaisen alikansion (ei vain suorien alakansioiden) koot. </p>
<p class="p_Normal">Jokainen kansio näytetään suorakulmiona. Suorakulmion pinta-ala edustaa vastaavan kansion kokoa. Alikansioiden suorakulmiot sijaitsevat niiden vanhemman kansion suorakulmion sisällä. <span class="f_News">Jos kansiossa ei ole alikansioita ja tiedostopäätetilasto aktivoitiin skannauksen aikana, tiedostotyypit näytetään nyt alikohteina.</span></p>
<p class="p_Normal">Suorakulmion pinnan väri osoittaa hakemistotason. Värit vaihtelevat tummemmasta sinisestä (ylimmän tason hakemistot) vaaleampaan siniseen (hakemistot, joiden tiedostojärjestelmätaso on syvällä). Näitä värejä voidaan säätää kontekstivälilehden <a href="charts.html#colorpicker" class="topiclink">värivalitsimella</a>. Puukarttakaavion kontekstivalikosta voit myös soveltaa ennalta määritettyä värimaailmaa. Näytettävillä suorakulmioilla on oltava vähimmäiskoko, jotta ne voidaan näyttää. Voit mukauttaa tätä vähimmäisarvoa käyttämällä kontekstivälilehden <a href="charts.html#levelofdetail" class="topiclink">Level of Detail</a> -seurantapalkkia. Jos tämä arvo on pieni, kaavio saattaa näyttää hyvin monimutkaiselta ja sekavalta. </p>
<p class="p_Normal">Jos viet hiiren kursorin kaavion päälle, näyttöön tulee työkaluvihje, joka sisältää tietoja hakemistosta, jonka päällä kursori liikkuu. Kaksoisnapsauttamalla jotakin suorakulmiota siirryt vastaavaan hakemistoon <a href="directorytree.html" class="topiclink">hakemistopuussa</a>. Puukaaviossa tuetaan veto- ja pudotustoimintoja.</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>