index.html 37 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN"
  2. "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ro" version="XHTML+RDFa 1.0" dir="ltr"
  4. xmlns:content="http://purl.org/rss/1.0/modules/content/"
  5. xmlns:dc="http://purl.org/dc/terms/"
  6. xmlns:foaf="http://xmlns.com/foaf/0.1/"
  7. xmlns:og="http://ogp.me/ns#"
  8. xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
  9. xmlns:sioc="http://rdfs.org/sioc/ns#"
  10. xmlns:sioct="http://rdfs.org/sioc/types#"
  11. xmlns:skos="http://www.w3.org/2004/02/skos/core#"
  12. xmlns:xsd="http://www.w3.org/2001/XMLSchema#">
  13. <head profile="http://www.w3.org/1999/xhtml/vocab">
  14. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  15. <meta about="/grafice-in-openofficeorg" property="sioc:num_replies" content="2" datatype="xsd:integer" />
  16. <link rel="shortcut icon" href="http://fii-liber.ro/sites/all/themes/bartik/favicon.png" type="image/png" />
  17. <meta content="Grafice în OpenOffice.org" about="/grafice-in-openofficeorg" property="dc:title" />
  18. <link rel="shortlink" href="/node/67" />
  19. <meta name="Generator" content="Drupal 7 (http://drupal.org)" />
  20. <link rel="canonical" href="/grafice-in-openofficeorg" />
  21. <title>Grafice în OpenOffice.org | Fii liber</title>
  22. <style type="text/css" media="all">@import url("http://fii-liber.ro/modules/system/system.base.css?m9s37a");
  23. @import url("http://fii-liber.ro/modules/system/system.menus.css?m9s37a");
  24. @import url("http://fii-liber.ro/modules/system/system.messages.css?m9s37a");
  25. @import url("http://fii-liber.ro/modules/system/system.theme.css?m9s37a");</style>
  26. <style type="text/css" media="all">@import url("http://fii-liber.ro/modules/comment_notify/comment_notify.css?m9s37a");
  27. @import url("http://fii-liber.ro/modules/aggregator/aggregator.css?m9s37a");
  28. @import url("http://fii-liber.ro/modules/comment/comment.css?m9s37a");
  29. @import url("http://fii-liber.ro/modules/field/theme/field.css?m9s37a");
  30. @import url("http://fii-liber.ro/modules/node/node.css?m9s37a");
  31. @import url("http://fii-liber.ro/modules/search/search.css?m9s37a");
  32. @import url("http://fii-liber.ro/modules/user/user.css?m9s37a");
  33. @import url("http://fii-liber.ro/modules/views/css/views.css?m9s37a");</style>
  34. <style type="text/css" media="all">@import url("http://fii-liber.ro/sites/all/modules/ckeditor/ckeditor.css?m9s37a");
  35. @import url("http://fii-liber.ro/modules/colorbox/styles/default/colorbox_default_style.css?m9s37a");
  36. @import url("http://fii-liber.ro/modules/ctools/css/ctools.css?m9s37a");
  37. @import url("http://fii-liber.ro/sites/all/modules/ldap/ldap_help/ldap_help.css?m9s37a");
  38. @import url("http://fii-liber.ro/modules/panels/css/panels.css?m9s37a");
  39. @import url("http://fii-liber.ro/modules/custom_search/custom_search.css?m9s37a");</style>
  40. <style type="text/css" media="all">@import url("http://fii-liber.ro/sites/all/themes/bartik/css/layout.css?m9s37a");
  41. @import url("http://fii-liber.ro/sites/all/themes/bartik/css/style.css?m9s37a");
  42. @import url("http://fii-liber.ro/sites/default/files//color/bartik-9bf90cfa/colors.css?m9s37a");</style>
  43. <style type="text/css" media="print">@import url("http://fii-liber.ro/sites/all/themes/bartik/css/print.css?m9s37a");</style>
  44. <!--[if lte IE 7]>
  45. <link type="text/css" rel="stylesheet" href="http://fii-liber.ro/sites/all/themes/bartik/css/ie.css?m9s37a" media="all" />
  46. <![endif]-->
  47. <!--[if IE 6]>
  48. <link type="text/css" rel="stylesheet" href="http://fii-liber.ro/sites/all/themes/bartik/css/ie6.css?m9s37a" media="all" />
  49. <![endif]-->
  50. <script type="text/javascript" src="http://fii-liber.ro/misc/jquery.js?v=1.4.4"></script>
  51. <script type="text/javascript" src="http://fii-liber.ro/misc/jquery.once.js?v=1.2"></script>
  52. <script type="text/javascript" src="http://fii-liber.ro/misc/drupal.js?m9s37a"></script>
  53. <script type="text/javascript" src="http://fii-liber.ro/misc/form.js?v=7.15"></script>
  54. <script type="text/javascript" src="http://fii-liber.ro/modules/comment_notify/comment_notify.js?m9s37a"></script>
  55. <script type="text/javascript" src="http://fii-liber.ro/sites/default/files//languages/ro_wPb5y5GA8adhs0XrFPlwW0E3geBuNuxa8EAGXAvDcPU.js?m9s37a"></script>
  56. <script type="text/javascript" src="http://fii-liber.ro/sites/all/libraries/colorbox/colorbox/jquery.colorbox-min.js?m9s37a"></script>
  57. <script type="text/javascript" src="http://fii-liber.ro/modules/colorbox/js/colorbox.js?m9s37a"></script>
  58. <script type="text/javascript" src="http://fii-liber.ro/modules/colorbox/styles/default/colorbox_default_style.js?m9s37a"></script>
  59. <script type="text/javascript" src="http://fii-liber.ro/modules/panels/js/panels.js?m9s37a"></script>
  60. <script type="text/javascript" src="http://fii-liber.ro/modules/custom_search/js/custom_search.js?m9s37a"></script>
  61. <script type="text/javascript">
  62. <!--//--><![CDATA[//><!--
  63. var _paq = _paq || [];(function(){var u=(("https:" == document.location.protocol) ? "" : "http://analiza.ceata.org/");_paq.push(["setSiteId", "3"]);_paq.push(["setTrackerUrl", u+"piwik.php"]);_paq.push(["setDoNotTrack", 1]);var pkBaseURL = (("https:" == document.location.protocol) ? "https://analiza.ceata.org/" : "http://analiza.ceata.org/");
  64. document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
  65. try {
  66. var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 3);
  67. piwikTracker.trackPageView();
  68. piwikTracker.enableLinkTracking();
  69. } catch( err ) {}_paq.push(["trackPageView"]);_paq.push(["enableLinkTracking"]);var d=document,g=d.createElement("script"),s=d.getElementsByTagName("script")[0];g.type="text/javascript";g.defer=true;g.async=true;g.src=u+"piwik.js";s.parentNode.insertBefore(g,s);})();
  70. //--><!]]>
  71. </script>
  72. <script type="text/javascript">
  73. <!--//--><![CDATA[//><!--
  74. jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"","ajaxPageState":{"theme":"bartik","theme_token":"ZtP9e5bAp8wyGbbC5wpxw8-Q_YlGWRA8qi8yxu-olc8","js":{"misc\/jquery.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"misc\/form.js":1,"modules\/comment_notify\/comment_notify.js":1,"public:\/\/languages\/ro_wPb5y5GA8adhs0XrFPlwW0E3geBuNuxa8EAGXAvDcPU.js":1,"sites\/all\/libraries\/colorbox\/colorbox\/jquery.colorbox-min.js":1,"modules\/colorbox\/js\/colorbox.js":1,"modules\/colorbox\/styles\/default\/colorbox_default_style.js":1,"modules\/panels\/js\/panels.js":1,"modules\/custom_search\/js\/custom_search.js":1,"0":1},"css":{"modules\/system\/system.base.css":1,"modules\/system\/system.menus.css":1,"modules\/system\/system.messages.css":1,"modules\/system\/system.theme.css":1,"modules\/comment_notify\/comment_notify.css":1,"modules\/aggregator\/aggregator.css":1,"modules\/comment\/comment.css":1,"modules\/field\/theme\/field.css":1,"modules\/node\/node.css":1,"modules\/search\/search.css":1,"modules\/user\/user.css":1,"modules\/views\/css\/views.css":1,"sites\/all\/modules\/ckeditor\/ckeditor.css":1,"modules\/colorbox\/styles\/default\/colorbox_default_style.css":1,"modules\/ctools\/css\/ctools.css":1,"sites\/all\/modules\/ldap\/ldap_help\/ldap_help.css":1,"modules\/panels\/css\/panels.css":1,"modules\/custom_search\/custom_search.css":1,"sites\/all\/themes\/bartik\/css\/layout.css":1,"sites\/all\/themes\/bartik\/css\/style.css":1,"sites\/all\/themes\/bartik\/css\/colors.css":1,"sites\/all\/themes\/bartik\/css\/print.css":1,"sites\/all\/themes\/bartik\/css\/ie.css":1,"sites\/all\/themes\/bartik\/css\/ie6.css":1}},"colorbox":{"opacity":"0.85","current":"{current} of {total}","previous":"\u00ab Prev","next":"Next \u00bb","close":"Close","maxWidth":"100%","maxHeight":"100%","fixed":true,"__drupal_alter_by_ref":["default"]},"custom_search":{"form_target":"_self","solr":0}});
  75. //--><!]]>
  76. </script>
  77. </head>
  78. <body class="html not-front not-logged-in one-sidebar sidebar-second page-node page-node- page-node-67 node-type-story" >
  79. <div id="skip-link">
  80. <a href="#main-content" class="element-invisible element-focusable">Mergi la conţinutul principal</a>
  81. </div>
  82. <div id="page-wrapper"><div id="page">
  83. <div id="header" class="without-secondary-menu"><div class="section clearfix">
  84. <a href="/" title="Acasă" rel="home" id="logo">
  85. <img src="http://fii-liber.ro/sites/default/files/logo.png" alt="Acasă" />
  86. </a>
  87. <div id="name-and-slogan">
  88. <div id="site-name">
  89. <strong>
  90. <a href="/" title="Acasă" rel="home"><span>Fii liber</span></a>
  91. </strong>
  92. </div>
  93. <div id="site-slogan">
  94. Revista ta de arte și tehnologii libere </div>
  95. </div> <!-- /#name-and-slogan -->
  96. <div class="region region-header">
  97. <div id="block-block-16" class="block block-block">
  98. <h2 class="element-invisible">Autentificare</h2>
  99. <div class="content">
  100. <p><a href="http://fii-liber.ro/user">Autentificare</a></p>
  101. </div>
  102. </div>
  103. <div id="block-block-17" class="block block-block">
  104. <h2 class="element-invisible">Înregistrare</h2>
  105. <div class="content">
  106. <p><a href="https://cont.ceata.org/index.php?r=registration/index">Înregistare</a></p>
  107. </div>
  108. </div>
  109. <div id="block-custom-search-blocks-1" class="block block-custom-search-blocks">
  110. <h2 class="element-invisible">Custom Search 1</h2>
  111. <div class="content">
  112. <form class="search-form" action="/grafice-in-openofficeorg" method="post" id="custom-search-blocks-form-1" accept-charset="UTF-8"><div><div class="form-item form-type-textfield form-item-custom-search-blocks-form-1">
  113. <input class="custom-search-default-value custom-search-box form-text" type="text" id="edit-custom-search-blocks-form-1--2" name="custom_search_blocks_form_1" value="Caută..." size="20" maxlength="90" />
  114. </div>
  115. <fieldset class="custom_search-popup form-wrapper" id="edit-popup"><div class="fieldset-wrapper"></div></fieldset>
  116. <input type="hidden" name="delta" value="1" />
  117. <input type="hidden" name="form_build_id" value="form-7EAaAD8lUjS77ButLjV6bhzgvBCbuAf_eIKN7bMEdcw" />
  118. <input type="hidden" name="form_id" value="custom_search_blocks_form_1" />
  119. <input class="default-text" type="hidden" name="default_text" value="Caută..." />
  120. <div class="form-actions form-wrapper" id="edit-actions"><input style="display:none;" type="submit" id="edit-submit" name="op" value="" class="form-submit" /></div></div></form> </div>
  121. </div>
  122. </div>
  123. <div id="main-menu" class="navigation">
  124. <h2 class="element-invisible">Meniu principal</h2><ul id="main-menu-links" class="links clearfix"><li class="menu-504 first"><a href="/arta" title="Artă">Artă</a></li>
  125. <li class="menu-503"><a href="/tehnologie" title="Tehnologie">Tehnologie</a></li>
  126. <li class="menu-2002"><a href="/legislatie" title="">Legislație</a></li>
  127. <li class="menu-512"><a href="/stiri" title="Ultimele știri">Știri</a></li>
  128. <li class="menu-1956"><a href="http://fii-liber.ro/pe-scurt" title="">Pe scurt</a></li>
  129. <li class="menu-502"><a href="/ghiduri" title="Ghiduri">Ghiduri</a></li>
  130. <li class="menu-677 last"><a href="/povestiri" title="Povestiri adevărate">Povestiri</a></li>
  131. </ul> </div> <!-- /#main-menu -->
  132. </div></div> <!-- /.section, /#header -->
  133. <div id="main-wrapper" class="clearfix"><div id="main" class="clearfix">
  134. <div id="content" class="column"><div class="section">
  135. <a id="main-content"></a>
  136. <h1 class="title" id="page-title">
  137. Grafice în OpenOffice.org </h1>
  138. <div class="tabs">
  139. </div>
  140. <div class="region region-content">
  141. <div id="block-system-main" class="block block-system">
  142. <div class="content">
  143. <div id="node-67" class="node node-story node-promoted node-full clearfix" about="/grafice-in-openofficeorg" typeof="sioc:Item foaf:Document">
  144. <div class="meta submitted">
  145. <span property="dc:date dc:created" content="2010-07-26T20:22:40+03:00" datatype="xsd:dateTime" rel="sioc:has_creator">de <span class="username" xml:lang="" about="/users/alina-bordeianu" typeof="sioc:UserAccount" property="foaf:name">Alina Bordeianu</span>, publicat Luni, 26 Iulie 2010</span> </div>
  146. <div class="content clearfix">
  147. <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p><a href="http://openoffice.org/" class="external">OpenOffice.org</a> permite reprezentarea grafică a datelor astfel încât să le poți vizualiza cu ușurință, într-o manieră prietenoasă, poți să le compari și să urmărești tendința lor.<br />
  148. Graficele pot fi utilizate atât în foi de calcul cât și în documente text, desene și prezentări.</p>
  149. <h2 id="Tipuri-de-grafice">Tipuri de grafice:</h2>
  150. <ul><li><strong>Coloană</strong> (<em>Column</em>)</li>
  151. <li><strong>Bare</strong> (<em>Bar</em>)</li>
  152. <li><strong>Circular</strong> (<em>Pie</em>)</li>
  153. <li><strong>Suprafață</strong>(<em>Area</em>)</li>
  154. <li><strong>Linie</strong> (Line)</li>
  155. <li><strong>Dispersie XY</strong> (<em>Scatter</em>)</li>
  156. <li><strong>Bule</strong> (<em>Bubble</em>)</li>
  157. <li><strong>Rețea</strong> (<em>Net</em>)</li>
  158. <li><strong>Stocuri</strong> (<em>Stock</em>)</li>
  159. <li><strong>Coloane și Linii</strong> (<em>Column and Line</em>)</li>
  160. </ul><!--break--><p>După crearea graficelor, acestea pot fi importate cu ușurință din Calc, în Writer (documente text) sau Impress (prezentări).<br />
  161. Am încercat să prezint varianta cel mai ușor de utilizat iar dacă ai înțeles cum se crează primul tip de grafic, vei putea cu ușurință să le utilizezi și pe celelalte.<br />
  162. Informații detaliate cu privire la opțiuni (documentații și tutoriale) poți găsi pe <a class="external" href="http://wiki.services.openoffice.org/wiki/Documentation/Tutorials">pagina oficială OpenOffice.org</a> și în meniul <em>Help</em> al fiecărei componente office (Writer, Calc, Draw, Impress), tasta <strong>F1</strong>.<br />
  163. Pentru exemplificarea celor mai utilizate tipuri de grafice, vom porni de la un tabel existent, creat într-o foaie de calcul (fișierul este atașat acestui articol, <a class="external" href="http://ceata.org/atasamente/329/Eviden%C8%9B%C4%83_v%C3%A2nz%C4%83ri_2010.ods">Evidență vânzări 2010.ods</a>).</p>
  164. <p><img alt="" style="width: 700px;" src="http://ceata.org/atasamente/328/Tabel_ini%C8%9Bial.png" /></p>
  165. <p>Înainte de a crea graficul, trebuie să știm ce tipuri de date vrem să reprezentăm și sub ce formă. Este importantă forma sub care sunt prezentate datele, întrucât în cazul unor grafice complexe, aceasta ne poate ușura (sau nu) lucrul.</p>
  166. <h2 id="Coloană-Column">Coloană (Column)</h2>
  167. <p>Să pornim de la ceva simplu: vrem să vedem cum arată graficul vânzărilor firmei <em>ACME</em> pe primul semestru al anului 2010.</p>
  168. <p><img alt="" style="width: 700px;" src="http://ceata.org/atasamente/330/selectare_celule.png" /></p>
  169. <p>Pentru asta, selectăm celulele corespunzătoare, începând de la luna ianuarie, până la ultima valoare a serviciilor pentru luna iunie (C2:H5) și dăm click pe opțiunea <strong>Grafic</strong> (<em>Chart</em>) (dacă nu este vizibilă pe bara de unelte, poate fi aleasă din meniu: <strong>Inserează -&gt; Grafic...</strong> <em>Insert -&gt; Chart</em>):<br />
  170. În acest moment va porni <strong>Asistentul pentru grafice</strong>(<em>Chart Wizard</em>) cu ajutorul căruia vom construi graficul. Avem următoarele opțiuni:</p>
  171. <p><strong>1. Tipul graficului</strong> (<em>Chart Type</em>) unde putem alege tipul graficului, în funcție de ceea ce vrem să reprezentăm, în cazul acesta vom alege <strong>Coloană</strong> (<em>Column</em>). Poți previzualiza în timp real cum va arăta graficul tău, efectuând click pe fiecare tip de grafic și urmărind modificările. Așa poți lua cea mai bună decizie cu privire la tipul pe care îl vei alege. Fiecare tip de grafic are câteva opțiuni în partea dreaptă a asistentului. Pentru graficul din exemplu, am bifat opțiunea <strong>3D</strong> iar la <strong>Aspect 3D</strong> (<em>3D Look</em>) am ales <em>Realist</em> (<em>Realistic</em>). Poți alege ce vrei, în funcție de preferințele personale apoi efectuând click pe <em>Următorul &gt;&gt; (Next &gt;&gt;)</em>, vei trece la următoarea opțiune:</p>
  172. <p><img alt="" src="http://ceata.org/atasamente/331/Chart_Type.png" /></p>
  173. <p><strong>2. Interval de date</strong> (<em>Data Range</em>): aici putem alege intervalul de date pentru grafic. Automat sunt trecute în câmpul <em>Interval de date</em> (<em>Data Range</em>), celulele pe care le-am selectat înainte de a crea graficul iar dacă am greșit când le-am selectat, le putem modifica. Aici avem câteva opțiuni importante:</p>
  174. <ol><li><strong>Serie de date în rânduri</strong> (<em>Data series in row</em>) sau <strong>Serie de date în coloane</strong> (<em>Data series in column</em>) care ne permite să afișăm corespunzător graficul, în funcție de criteriul ales pentru afișarea datelor. Trebuie aleasă cel puțin o opțiune. În exemplul nostru, vom alege opțiunea <em>Serie de date în coloane</em>, pentru a afișa valorile vânzărilor pentru fiecare lună, în funcție de categoria de produse.</li>
  175. <li>Mai avem 2 opțiuni: <strong>Primul rând ca etichetă</strong> (<em>First row as label</em>) pe care îl vom bifa pentru ca primul rând al datelor selectate să fie folosit pentru etichete și <strong>Prima coloană ca etichetă</strong> (<em>First Column as label</em>) pe care în exemplu nostru, îl vom debifa întrucât pe prima coloană selectată se găsesc valorile vânzărilor pentru prima lună, nu categoriile de produse, care ne interesează pe noi:</li>
  176. </ol><p><img alt="" src="http://ceata.org/atasamente/332/Data_Range.png" /></p>
  177. <p><strong>3. Serii de date</strong> (<em>Data series</em>): aici se pot modifica datele incluse în grafic. Dacă te uiți la aspectul curent al graficului, vei observa că la <em>Legendă</em>, în loc să avem categoriile de produse, avem trecut <em>Rândul x</em> (<em>Row x</em>) (unde x este o cifră). Pentru a corecta acest aspect, fie modificăm valorile actuale, fie le ștergem (Remove) și le adăugăm (Add). Lipsa categoriilor de produse se datorează neselectării celulelor cu denumirea, la crearea graficului. Vom opta pentru modificarea datelor existente:</p>
  178. <ul><li>pentru prima denumire din <em>Seria de date</em> (<em>Data series</em>), <em>Rândul 3</em> (<em>Row 3</em>), la <em>Nume</em> (<em>Name</em>) nu avem nimic trecut; dăm click pe butonul din partea dreaptă a câmpului <em>Interval pentru Nume</em> (<em>Range for Name</em>) (<em>Select Data Range -&gt; Shrink</em>), care va micșora fereastra și ne va permite să alegem mai ușor celula (celulele) în care se găsesc informațiile necesare, în cazul nostru dăm click pe celula unde se află scris <em>Hardware</em>. În acest moment la <em>Serie de date</em> vom avea denumirea <em>Hardware</em> în loc de <em>Rândul 3</em> (<em>Row 3</em>).</li>
  179. <li>procedăm la fel pentru celelalte serii: <em>Rândul 4</em> și <em>Rândul 5</em>.</li>
  180. </ul><p>De precizat că pentru fiecare serie de date, la <em>Intervale de date</em> (<em>Nume și valori Y</em>), în câmpurile <em>Interval pentru nume</em> (<em>Range for Name</em>), <em>Interval pentru valorile Y</em> (<em>Range for Y-Values</em>) și <em>Categorii</em> (<em>Categories</em>) avem trecute intervalele pentru fiecare din categoria selectată. După ce terminăm de făcut modificările, trecem mai departe (<em>Next &gt;&gt;</em>).</p>
  181. <p><img alt="" style="width: 700px;" src="http://ceata.org/atasamente/336/Data_Series.png" /></p>
  182. <p><strong>4. Elementele Graficului</strong> (<em>Chart Elements</em>): aici putem completa <em>Titlu</em> (<em>Title</em>), <em>Subtitlu</em> (<em>Subtitle</em>), și text adițional pentru elementele X, Y și Z. Mai avem opțiuni pentru <em>Afișare grilelor</em> (<em>Display Grids</em>) și pentru <em>Afișare Legendă</em> (<em>Display legend</em>) aici putând alege și locul unde va fi afișată legenda. În exemplul nostru:</p>
  183. <ul><li><em>Titlu</em> -&gt; Situație vânzări ACME</li>
  184. <li><em>Subtitlu</em> -&gt; 2010</li>
  185. <li><em>axa X</em> -&gt; Semestrul I</li>
  186. <li><em>axa Y</em> -&gt; Valoare vânzări</li>
  187. </ul><p><img alt="" src="http://ceata.org/atasamente/333/Chart_Elements.png" /></p>
  188. <p>... și <strong>Încheiere</strong> (<em>Finish</em>). Gata graficul! <img src="http://fii-liber.ro/modules/fckeditor/fckeditor/editor/images/smiley/msn/regular_smile.gif" alt="" />.</p>
  189. <p>Graficul se poate muta foarte ușor doar „trăgând” de el în locația dorită.<br />
  190. La fel de simplu putem redimensiona graficul, doar trăgând de colțuri, când cursorul poziționat pe margini se transformă în săgeți.<br />
  191. Cu dublu-click pe grafic, îl putem edita: se poate edita/formata titlul, subtitlul, textele pentru valorile X (orizontale) și Y (verticale) apăsând pe ceea ce dorim să modificăm și click-dreapta pentru a accesa meniul pentru fiecare element.</p>
  192. <p><img alt="" style="width: 700px;" src="http://ceata.org/atasamente/334/formatare_legenda.png" /></p>
  193. <p>Dacă vrem să facem același lucru pentru firma a doua, urmărim aceiași pași de mai sus, cu mici diferențe:</p>
  194. <ul><li>selectăm grupul de celule B6:H8</li>
  195. <li>debifăm <em>Primul rând ca etichetă</em> (<em>First row as label</em>) și bifăm <em>Prima coloană ca etichetă</em> (<em>First column as label</em>), în cazul acesta vom avea trecute categoriile de produse dar nu vom avea trecute lunile</li>
  196. <li>observăm că la <em>Seriile de date</em> (<em>Data Series</em>), câmpul <em>Categorii</em> (<em>Categories</em>)de la fiecare serie este gol, drept urmare îl vom modifica în același mod ca și <em>Interval pentru Nume</em> (<em>Range for Name</em>) descris anterior la punctul <strong>3. Serii de date</strong> (<em>Data series</em>): click pe butonul din dreapta al câmpului <em>Categoriii</em>, selectăm celulele în care se găsesc denumirile lunilor (C2:H2). Observăm că pentru fiecare categorie (Hardware, Software, Servicii), în câmpul <em>Categorii</em> s-au completat automat valorile alese pentru prima serie.</li>
  197. </ul><p>Graficul meu arată așa:</p>
  198. <p><img alt="" src="http://ceata.org/atasamente/335/situa%C8%9Bie_v%C3%A2nz%C4%83ri_CHOAM_2010.png" /></p>
  199. <p>Urmărind pașii de mai sus, se pot realiza diferite tipuri de grafice.</p>
  200. <h2 id="Circular-Pie">Circular (Pie)</h2>
  201. <p>Mai jos vom crea alte tipuri de grafice. Procedeul e aproape la fel, așa că nu îl voi descrie în detaliu. Următorul tip de grafic, <strong>Bare</strong> (<em>Bar</em>), este asemănător cu tipul <strong>Coloană</strong> (<em>Column</em>). Să continuăm cu tipul de grafic <strong>Pie</strong> (<em>Plăcintă</em>).</p>
  202. <p>Pentru acest exemplu, să presupunem că vrem să vedem ponderea valorii vânzărilor fiecărei categorii din totalul vânzărilor pentru firma <em>ACME</em>.</p>
  203. <p><strong>1.</strong> Vom selecta celulele cu categorii (B3:B5) și ținând <em>Ctrl</em> apăsat, vom selecta celulele cu totalul vânzărilor pentru fiecare categorie (I3:I5) și apoi alegem opțiunea <strong>Grafic</strong> (<em>Chart</em>). La <strong>Tipul Graficului</strong> (<em>Chart Type</em>) alegem <strong>Circular</strong> (<em>Pie</em>), iar în dreapta avem opțiuni pentru modificarea aspectului graficului, În funcție de preferințe.</p>
  204. <p>Pentru exemplul dat de mine, am ales opțiunea <em>Grafic circular divizat</em> (<em>Exploded Pie Chart</em>), <em>Aspect 3D</em> (<em>3D Look</em>) -&gt; <em>Realist</em>. Poți alege ce veriantă îți place mai mult :).</p>
  205. <p><strong>2.</strong> La <strong>Intervalul de date</strong> (<em>Data Range</em>) am selectat <em>Serii de date în coloană</em> și <em>Prima coloană ca etichetă</em> și am completat textele pentru titlu și subtitlu. Dacă ne uităm la grafic, nu este tocmai ceea ce ne-am dorit, așa că îl modificăm cu dublu click în interiorul ei. În primul rând dorim procente la valorile vânzărilor. Pentru asta, dăm click dreapta pe corpul graficului și selectăm opțiunea <strong>Inserează Etichete</strong> (<em>Insert Data Labels</em>).</p>
  206. <p>Hmm... parcă e mai bine, dar unde sunt procentele?</p>
  207. <p>Pentru a avea procente, click dreapta pe grafic -&gt; opțiunea <strong>Formatează Etichete</strong> (<em>Format Data Labels</em>).</p>
  208. <p>Aici avem mai multe opțiuni pentru etichete: <em>Arată valoarea ca număr</em> (<em>Show value as number</em>) setarea curentă, <em>Arată valoarea ca procent</em> (<em>Show value as percentage</em>), <em>Arată categoria</em> (<em>Show category</em>), <em>Arată legenda</em> (<em>Show legend key</em>) precum și pentru plasarea lor și font:</p>
  209. <p><img alt="" src="http://ceata.org/atasamente/340/etichete_procent.png" /></p>
  210. <p>Am selectat opțiunea <em>Arată valoarea ca procent</em> (<em>Show value as percentage</em>) și la font am ales <strong>Bold</strong>, ca procentele să fie mai bine evidențiate. Dacă „tragi” de secțiunile corpului graficului, le poți apropia sau depărta. Iată ce a ieșit:</p>
  211. <p><img alt="" src="http://ceata.org/atasamente/341/grafic_pie.png" /></p>
  212. <p>Fă și tu la fel pentru cealaltă firmă. Fii fără grijă, te așteptăm <img src="http://fii-liber.ro/modules/fckeditor/fckeditor/editor/images/smiley/msn/regular_smile.gif" alt="" />.</p>
  213. <h2 id="Linie">Linie</h2>
  214. <p>Următoarele tipuri de grafice, <strong>Linie</strong> (<em>Line</em>) și <strong>Dispersie XY</strong> (<em>Scatter</em>), sunt asemănătoare ca mod de creare.</p>
  215. <p>Să exemplificăm tipul de grafic <strong>Linie</strong>: vrem să vedem evoluția vânzărilor pentru firma <em>CHOAM</em>.</p>
  216. <ul><li>selectăm grupul de celule: B6:H8 și alegem ca tip al graficului, Line.</li>
  217. <li>pentru graficul meu, am ales <em>Puncte și linii</em> (<em>Points and lines</em>)</li>
  218. <li>am bifat opțiunile <em>Serie de date în rânduri</em> (<em>Data series in row</em>) și <em>Prima coloană ca etichetă</em> (<em>First column as label</em>)</li>
  219. <li>la <em>Categorii</em> am ales C6:H8</li>
  220. <li>iată ce a ieșit:</li>
  221. </ul><p><img alt="" src="http://ceata.org/atasamente/342/grafic_line.png" /></p>
  222. <ul><li>de asemenea, poți modifica tipul de linie, conectorii și culorile folosite; rămâne la imaginația ta cum va arăta graficul final</li>
  223. </ul><p>Următoarele tipuri de grafice sunt mai puțin folosite de utilizatorii casnici:</p>
  224. <ul><li><strong>Suprafață</strong> (<em>Area</em>)</li>
  225. <li><strong>Bule</strong> (<em>Bubble</em>)</li>
  226. <li><strong>Rețea</strong> (<em>Net</em>)</li>
  227. <li><strong>Stocuri</strong> (<em>Stock</em>) (folosit în mod special pentru a ilustra fluctuația prețurilor)</li>
  228. <li><strong>Coloane și Linii</strong> (<em>Column and Line</em>) (o combinație între 2 tipuri de grafice: Coloane și Linii)</li>
  229. </ul><h2 id="Export-în-format-PDF">Export în format PDF</h2>
  230. <p>Dacă dorești să trimiți mai departe documentul la care ai lucrat, doar pentru vizualizare (nu și modificare), ai opțiune de export în formatul PDF (File -&gt; Export as PDF):</p>
  231. <p><img alt="" style="width: 700px;" src="http://ceata.org/atasamente/343/export_pdf.png" /></p>
  232. <p>Nu uita înainte să exporți fișierul, să verifici dacă arată așa cum îți dorești <em>Fișier -&gt; Previzualizare pagină</em> (<em>File -&gt; Page Preview</em>). Pentru setări ale paginii, mergi la <em>Formatare -&gt; Pagină</em> (<em>Format -&gt; Page</em>) unde le poți modifica.</p>
  233. <p>Un lucru util care te poate ajuta în cazul în care, deși marginile sunt foarte mici, conținutul nu se încadrează bine în pagină: în tab-ul <em>Foaie</em> (<em>Sheet</em>) al meniului <em>Stil Pagină</em> (<em>Page Style</em>) din meniul <em>Formatare -&gt; Pagină</em> (<em>Format -&gt; Page</em>), există opțiunea <em>Factor de scalare</em> (<em>Scaling factor</em>) care îți permite să micșorezi conținutul astfel încât să-ți încapă în pagină.</p>
  234. <h2 id="Legături-utile">Legături utile</h2>
  235. <ul><li><a class="external" href="../../../../../openofficeorg-alternativa-libera-la-microsoft-office">o prezentare a componentelor OpenOffice.org</a></li>
  236. <li><a class="external" href="http://ro.openoffice.org/">pagina utilizatorilor OpenOffice.org din România</a></li>
  237. <li><a class="external" href="http://www.openoffice.org/">pagina oficială OpenOffice.org</a></li>
  238. <li><a class="external" href="http://documentation.openoffice.org/tutorials/index.html">Tutoriale</a></li>
  239. <li><a class="external" href="http://documentation.openoffice.org/">Documentații</a></li>
  240. </ul><p>Dacă ai întrebări sau vrei să aflii mai multe, <a class="external" href="../../../../../contact">scrie-ne</a> și noi te vom ajuta.</p>
  241. <p>Notă: Traducerile opțiunilor din meniu sunt aproximative, întrucât am folosit ultima versiune de <strong>OpenOffice.org</strong> pentru care nu a fost lansat încă pachetul pentru limba Română.</p>
  242. <p> </p>
  243. </div></div></div><div class="field field-name-taxonomy-vocabulary-1 field-type-taxonomy-term-reference field-label-above clearfix"><h3 class="field-label">Meniu: </h3><ul class="links"><li class="taxonomy-term-reference-0"><a href="/ghiduri" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Ghiduri</a></li></ul></div><div class="field field-name-taxonomy-vocabulary-3 field-type-taxonomy-term-reference field-label-above clearfix"><h3 class="field-label">Etichete: </h3><ul class="links"><li class="taxonomy-term-reference-0"><a href="/taguri/open-office" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Open Office</a></li><li class="taxonomy-term-reference-1"><a href="/taguri/openofficeorg" typeof="skos:Concept" property="rdfs:label skos:prefLabel">OpenOffice.org</a></li><li class="taxonomy-term-reference-2"><a href="/taguri/grafice" typeof="skos:Concept" property="rdfs:label skos:prefLabel">grafice</a></li></ul></div> </div>
  244. <div class="link-wrapper">
  245. <ul class="links inline"><li class="comment_forbidden first last"><span><a href="/user/login?destination=comment/reply/67%23comment-form">Autentificare</a> pentru a posta comentarii</span></li>
  246. </ul> </div>
  247. <div id="comments" class="comment-wrapper">
  248. <h2 class="title">Comentarii</h2>
  249. <a id="comment-63"></a>
  250. <div class="comment comment-by-anonymous clearfix" about="/comment/63#comment-63" typeof="sioc:Post sioct:Comment">
  251. <div class="attribution">
  252. <div class="submitted">
  253. <p class="commenter-name">
  254. <span rel="sioc:has_creator"><span class="username" xml:lang="" typeof="sioc:UserAccount" property="foaf:name">Anonymous (neverificat)</span></span> </p>
  255. <p class="comment-time">
  256. <span property="dc:date dc:created" content="2010-12-28T18:18:06+02:00" datatype="xsd:dateTime">Marţi, 28 Decembrie 2010</span> </p>
  257. <p class="comment-permalink">
  258. <a href="/comment/63#comment-63" class="permalink" rel="bookmark">Link permanent</a> </p>
  259. </div>
  260. </div>
  261. <div class="comment-text">
  262. <div class="comment-arrow"></div>
  263. <h3 property="dc:title" datatype=""><a href="/comment/63#comment-63" class="permalink" rel="bookmark">vreau să văd sursa</a></h3>
  264. <div class="content">
  265. <span rel="sioc:reply_of" resource="/grafice-in-openofficeorg" class="rdf-meta"></span><div class="field field-name-comment-body field-type-text-long field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>Vreau să pot descărca sursa la documentul pe care l-ai folosit la scrierea articolului, să fac și eu graficele la mine pe calculator.</p>
  266. </div></div></div> </div> <!-- /.content -->
  267. <ul class="links inline"><li class="comment_forbidden first last"><span><a href="/user/login?destination=comment/reply/67%23comment-form">Autentificare</a> pentru a posta comentarii</span></li>
  268. </ul> </div> <!-- /.comment-text -->
  269. </div>
  270. <div class="indented"><a id="comment-64"></a>
  271. <div class="comment comment-by-anonymous clearfix" about="/comment/64#comment-64" typeof="sioc:Post sioct:Comment">
  272. <div class="attribution">
  273. <div class="submitted">
  274. <p class="commenter-name">
  275. <span rel="sioc:has_creator"><span class="username" xml:lang="" typeof="sioc:UserAccount" property="foaf:name">Anonymous (neverificat)</span></span> </p>
  276. <p class="comment-time">
  277. <span property="dc:date dc:created" content="2010-12-28T18:19:17+02:00" datatype="xsd:dateTime">Marţi, 28 Decembrie 2010</span> </p>
  278. <p class="comment-permalink">
  279. <a href="/comment/64#comment-64" class="permalink" rel="bookmark">Link permanent</a> </p>
  280. </div>
  281. </div>
  282. <div class="comment-text">
  283. <div class="comment-arrow"></div>
  284. <h3 property="dc:title" datatype=""><a href="/comment/64#comment-64" class="permalink" rel="bookmark">l-am văzut, am fost orb.</a></h3>
  285. <div class="content">
  286. <span rel="sioc:reply_of" resource="/grafice-in-openofficeorg" class="rdf-meta"></span><span rel="sioc:reply_of" resource="/comment/63#comment-63" class="rdf-meta"></span><div class="field field-name-comment-body field-type-text-long field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>l-am văzut, am fost orb.</p>
  287. </div></div></div> </div> <!-- /.content -->
  288. <ul class="links inline"><li class="comment_forbidden first last"><span><a href="/user/login?destination=comment/reply/67%23comment-form">Autentificare</a> pentru a posta comentarii</span></li>
  289. </ul> </div> <!-- /.comment-text -->
  290. </div>
  291. </div>
  292. </div>
  293. </div>
  294. </div>
  295. </div>
  296. </div>
  297. </div></div> <!-- /.section, /#content -->
  298. <div id="sidebar-second" class="column sidebar"><div class="section">
  299. <!--div class="block"> </div-->
  300. <div class="region region-sidebar-second">
  301. <div id="block-block-15" class="block block-block">
  302. <div class="content">
  303. <p class="rtecenter"><a href="http://fii-liber.ro/?q=rss.xml" title="RSS"><img alt="RSS" src="http://fii-liber.ro/sites/default/files/rss.png" style="margin-left: 2px; margin-right: 2px;" width="24" /></a><a href="http://identi.ca/fiiliber" title="Microjurnal"><img alt="Microjurnal" src="http://fii-liber.ro/sites/default/files/statusnet.png" style="margin-left: 2px; margin-right: 2px;" width="24" /></a><a href="http://diasp.eu/u/fiiliber" title="DIASPORA*"><img alt="DIASPORA*" src="http://fii-liber.ro/sites/default/files/diaspora.png" style="margin-left: 2px; margin-right: 2px;" width="24" /></a></p>
  304. </div>
  305. </div>
  306. <div id="block-block-20" class="block block-block">
  307. <div class="content">
  308. <p style="text-align:center; margin: 0; padding: 0; border: none;"><a href="http://trisquel.info" title="Sistemul de operate complet liber Trisquel GNU/Linux"><img alt="Sistemul de operate complet liber Trisquel GNU/Linux" src="https://liste.ceata.org/images/mailman/trisquelpowered.png" /></a></p>
  309. </div>
  310. </div>
  311. <div id="block-comment-recent" class="block block-comment">
  312. <h2>Comentarii recente</h2>
  313. <div class="content">
  314. <div class="item-list"><ul><li class="first"><a href="/comment/260#comment-260">Este doar parerea ta! Firefox</a>&nbsp;<span>în urmă cu 7 luni 2 săptămâni</span></li>
  315. <li><a href="/comment/259#comment-259">Din punctul meu de vedere</a>&nbsp;<span>în urmă cu 7 luni 2 săptămâni</span></li>
  316. <li><a href="/comment/253#comment-253">Părerea ta</a>&nbsp;<span>în urmă cu 1 an 6 zile</span></li>
  317. <li><a href="/comment/252#comment-252">Articolul este cam neinspirat</a>&nbsp;<span>în urmă cu 1 an 6 zile</span></li>
  318. <li><a href="/comment/251#comment-251">Becul nu e cel mai stralucit exemplu</a>&nbsp;<span>în urmă cu 1 an 6 zile</span></li>
  319. <li><a href="/comment/248#comment-248">Excelent articol. Chiar aveam</a>&nbsp;<span>în urmă cu 1 an 1 lună</span></li>
  320. <li><a href="/comment/245#comment-245">Îmi pare bine că ești interesat de „Fii Liber” și de „0 A.D.”</a>&nbsp;<span>în urmă cu 1 an 3 luni</span></li>
  321. <li><a href="/comment/238#comment-238">Poți să stai liniștit atunci.</a>&nbsp;<span>în urmă cu 1 an 4 luni</span></li>
  322. <li><a href="/comment/237#comment-237">Chromium prealocă mai multă</a>&nbsp;<span>în urmă cu 1 an 4 luni</span></li>
  323. <li class="last"><a href="/comment/236#comment-236">Nu am avut probleme serioase</a>&nbsp;<span>în urmă cu 1 an 4 luni</span></li>
  324. </ul></div> </div>
  325. </div>
  326. </div>
  327. </div></div> <!-- /.section, /#sidebar-second -->
  328. </div></div> <!-- /#main, /#main-wrapper -->
  329. <div id="footer-wrapper"><div class="section">
  330. <div id="footer" class="clearfix">
  331. <div class="region region-footer">
  332. <div id="block-block-4" class="block block-block">
  333. <div class="content">
  334. <p>© 2010 – 2012 <a href="http://ceata.org">Ceata</a>. Toate materialele pot fi copiate, modificate, distribuite și vândute în condițiile specificate de una din licențele <a href="http://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA 3.0</a> și <a href="http://www.gnu.org/copyleft/fdl.html">GNU FDL 1.3</a>.</p>
  335. </div>
  336. </div>
  337. </div>
  338. </div> <!-- /#footer -->
  339. </div></div> <!-- /.section, /#footer-wrapper -->
  340. </div></div> <!-- /#page, /#page-wrapper -->
  341. </body>
  342. </html>