https://docs.aspose.com/cells/it/javascript-cpp/apply-style-to-pivot-table/ Recent content in Applicare stili alle tabelle pivot in Aspose.Cells for JavaScript via C++ on Documentation Hugo -- gohugo.io it https://docs.aspose.com/cells/it/javascript-cpp/format-part-of-pivot-table/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/it/javascript-cpp/format-part-of-pivot-table/ <h2 id="possibili-scenari-duso"><strong>Possibili scenari d&rsquo;uso</strong></h2> <p><code>PivotTable.FormatAll</code> applica un unico stile all&rsquo;intera tabella pivot ed è descritto nella pagina padre. Non distingue tra etichette, valori, totali o regioni specifiche del report.<br> Nella pratica, di solito è necessario evidenziare solo una parte della tabella pivot. Gli obiettivi comuni includono le etichette appartenenti a un campo di riga, le celle valore generate da un campo, la riga del totale generale o un rettangolo arbitrario come le prime due righe di elementi.<br> Applicare uno stile direttamente alle celle del foglio di lavoro di una tabella pivot non è equivalente. Excel memorizza la formattazione della tabella pivot come regioni semantiche <code>PivotArea</code> anziché come normali record di stile delle celle. Un formato di area pivot rimane associato a una regione, ad esempio le etichette o i valori di un campo, e viene risolto nuovamente quando la tabella pivot viene ricalcolata, aggiornata o espansa. Uno stile scritto direttamente su una cella, invece, appartiene a quella posizione di cella e non è tracciato dal modello pivot.<br> Aspose.Cells espone l&rsquo;intera famiglia di overload <code>PivotTable.Format</code> in modo che entrambi i tipi di formattazione siano disponibili:</p> <ul> <li><code>Format(PivotArea, Style)</code> associa uno stile a una regione semantica creata con <code>PivotArea.Select</code> o <code>PivotArea.SelectField</code>.</li> <li><code>Format(CellArea, Style)</code> associa uno stile a un rettangolo del foglio di lavoro all&rsquo;interno della tabella pivot.</li> <li><code>Format(int row, int column, Style)</code> mira a una singola cella.</li> <li><code>FormatAll(Style)</code> formatta l&rsquo;intera tabella pivot.</li> </ul> <h2 id="formattare-unarea-pivot"><strong>Formattare un&rsquo;area pivot</strong></h2> <p>Il flusso di lavoro basato su aree semantiche è l&rsquo;approccio consigliato quando un evidenziatore deve seguire un campo o una regione del report.</p> <ol> <li>Creare un <code>PivotArea</code> con <code>new PivotArea(pivotTable)</code>. L&rsquo;oggetto descrive una regione semantica che appartiene a quella specifica tabella pivot.</li> <li>Selezionare un campo tramite la sua posizione zero‑based su un asse specificato con <code>PivotArea.Select(PivotFieldType axisType, int fieldPosition, PivotTableSelectionType selectionType)</code>. <ul> <li><code>PivotTableSelectionType.DataAndLabel</code> seleziona sia le etichette sia i dati del campo.</li> <li><code>PivotTableSelectionType.LabelOnly</code> seleziona solo le etichette del campo.</li> <li><code>PivotTableSelectionType.DataOnly</code> seleziona solo le celle dati del campo.</li> </ul> </li> <li>Selezionare un campo per nome con <code>PivotArea.SelectField(PivotFieldType axisType, string fieldName)</code>. Quando un campo di riga è selezionato per nome, la regione si risolve nelle celle valore prodotte dagli elementi di quel campo.</li> <li>Creare uno <code>Style</code> con <code>Workbook.CreateStyle()</code>, configurarne il carattere, il colore di primo piano e il modello di sfondo solido, quindi passare lo stile a <code>PivotTable.Format(area, style)</code>.</li> <li>Cada chiamata all&rsquo;overload <code>PivotArea</code> aggiunge una voce <code>PivotTableFormat</code> a <code>PivotTable.PivotFormats</code>.</li> <li>I formati ancorati al campo vengono applicati quando i dati pivot vengono calcolati. Pertanto, chiamare <code>PivotTable.CalculateData()</code> dopo aver applicato i formati affinché gli stili diventino visibili.<br> L&rsquo;esempio seguente costruisce una piccola tabella pivot di vendite di frutta, formatta le etichette di riga <code>Fruit</code> con <code>PivotArea.Select</code> e <code>PivotTableSelectionType.LabelOnly</code>, formatta le celle valore prodotte dallo stesso campo di riga con <code>PivotArea.SelectField</code>, quindi ricalcola la tabella pivot in modo che entrambi gli stili vengano applicati.</li> </ol> <div class="highlight"><pre class="chroma"><code class="language-html" data-lang="html"><span class="cp">&lt;!DOCTYPE html&gt;</span> <span class="p">&lt;</span><span class="nt">html</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Aspose.Cells Example<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">h1</span><span class="p">&gt;</span>Aspose.Cells Example<span class="p">&lt;/</span><span class="nt">h1</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">button</span> <span class="na">id</span><span class="o">=</span><span class="s">&#34;runExample&#34;</span><span class="p">&gt;</span>Run Example<span class="p">&lt;/</span><span class="nt">button</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">a</span> <span class="na">id</span><span class="o">=</span><span class="s">&#34;downloadLink&#34;</span> <span class="na">style</span><span class="o">=</span><span class="s">&#34;display: none;&#34;</span><span class="p">&gt;</span>Download Result<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">div</span> <span class="na">id</span><span class="o">=</span><span class="s">&#34;result&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">div</span><span class="p">&gt;</span> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&#34;aspose.cells.js.min.js&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">script</span> <span class="na">type</span><span class="o">=</span><span class="s">&#34;text/javascript&#34;</span><span class="p">&gt;</span> <span class="kr">const</span> <span class="p">{</span> <span class="nx">Workbook</span><span class="p">,</span> <span class="nx">SaveFormat</span> <span class="p">}</span> <span class="o">=</span> <span class="nx">AsposeCells</span><span class="p">;</span> <span class="nx">AsposeCells</span><span class="p">.</span><span class="nx">onReady</span><span class="p">({</span> <span class="nx">license</span><span class="o">:</span> <span class="s2">&#34;/lic/aspose.cells.enc&#34;</span><span class="p">,</span> <span class="nx">fontPath</span><span class="o">:</span> <span class="s2">&#34;/fonts/&#34;</span><span class="p">,</span> <span class="nx">fontList</span><span class="o">:</span> <span class="p">[</span><span class="s2">&#34;arial.ttf&#34;</span><span class="p">,</span> <span class="s2">&#34;NotoSansSC-Regular.ttf&#34;</span><span class="p">]</span> <span class="p">}).</span><span class="nx">then</span><span class="p">(()</span> <span class="p">=&gt;</span> <span class="p">{</span> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&#34;Aspose.Cells initialized&#34;</span><span class="p">);</span> <span class="p">});</span> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s1">&#39;runExample&#39;</span><span class="p">).</span><span class="nx">addEventListener</span><span class="p">(</span><span class="s1">&#39;click&#39;</span><span class="p">,</span> <span class="kr">async</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="p">{</span> <span class="kr">const</span> <span class="nx">workbook</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Workbook</span><span class="p">();</span> <span class="kr">const</span> <span class="nx">sheet</span> <span class="o">=</span> <span class="nx">workbook</span><span class="p">.</span><span class="nx">worksheets</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span> <span class="kr">const</span> <span class="nx">cells</span> <span class="o">=</span> <span class="nx">sheet</span><span class="p">.</span><span class="nx">cells</span><span class="p">;</span> <span class="c1">// Fruit sales data </span><span class="c1"></span> <span class="kr">const</span> <span class="nx">fruits</span> <span class="o">=</span> <span class="p">[</span><span class="s2">&#34;Apple&#34;</span><span class="p">,</span> <span class="s2">&#34;Banana&#34;</span><span class="p">,</span> <span class="s2">&#34;Apple&#34;</span><span class="p">,</span> <span class="s2">&#34;Banana&#34;</span><span class="p">,</span> <span class="s2">&#34;Cherry&#34;</span><span class="p">,</span> <span class="s2">&#34;Cherry&#34;</span><span class="p">];</span> <span class="kr">const</span> <span class="nx">years</span> <span class="o">=</span> <span class="p">[</span><span class="mi">2024</span><span class="p">,</span> <span class="mi">2024</span><span class="p">,</span> <span class="mi">2025</span><span class="p">,</span> <span class="mi">2025</span><span class="p">,</span> <span class="mi">2024</span><span class="p">,</span> <span class="mi">2025</span><span class="p">];</span> <span class="kr">const</span> <span class="nx">amounts</span> <span class="o">=</span> <span class="p">[</span><span class="mi">100</span><span class="p">,</span> <span class="mi">150</span><span class="p">,</span> <span class="mi">120</span><span class="p">,</span> <span class="mi">180</span><span class="p">,</span> <span class="mi">90</span><span class="p">,</span> <span class="mi">110</span><span class="p">];</span> <span class="nx">cells</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s2">&#34;A1&#34;</span><span class="p">).</span><span class="nx">value</span> <span class="o">=</span> <span class="s2">&#34;Fruit&#34;</span><span class="p">;</span> <span class="nx">cells</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s2">&#34;B1&#34;</span><span class="p">).</span><span class="nx">value</span> <span class="o">=</span> <span class="s2">&#34;Year&#34;</span><span class="p">;</span> <span class="nx">cells</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s2">&#34;C1&#34;</span><span class="p">).</span><span class="nx">value</span> <span class="o">=</span> <span class="s2">&#34;Amount&#34;</span><span class="p">;</span> <span class="k">for</span> <span class="p">(</span><span class="kd">let</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="nx">fruits</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span> <span class="nx">cells</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="nx">i</span> <span class="o">+</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">0</span><span class="p">).</span><span class="nx">value</span> <span class="o">=</span> <span class="nx">fruits</span><span class="p">[</span><span class="nx">i</span><span class="p">];</span> <span class="nx">cells</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="nx">i</span> <span class="o">+</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">).</span><span class="nx">value</span> <span class="o">=</span> <span class="nx">years</span><span class="p">[</span><span class="nx">i</span><span class="p">];</span> <span class="nx">cells</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="nx">i</span> <span class="o">+</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">).</span><span class="nx">value</span> <span class="o">=</span> <span class="nx">amounts</span><span class="p">[</span><span class="nx">i</span><span class="p">];</span> <span class="p">}</span> <span class="c1">// Pivot table with its top-left corner at E3 (row 2, column 4) </span><span class="c1"></span> <span class="kr">const</span> <span class="nx">pivotTable</span> <span class="o">=</span> <span class="nx">sheet</span><span class="p">.</span><span class="nx">pivotTables</span><span class="p">.</span><span class="nx">add</span><span class="p">(</span><span class="s2">&#34;=A1:C7&#34;</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">4</span><span class="p">);</span> <span class="nx">pivotTable</span><span class="p">.</span><span class="nx">addFieldToArea</span><span class="p">(</span><span class="nx">AsposeCells</span><span class="p">.</span><span class="nx">PivotFieldType</span><span class="p">.</span><span class="nx">Row</span><span class="p">,</span> <span class="s2">&#34;Fruit&#34;</span><span class="p">);</span> <span class="nx">pivotTable</span><span class="p">.</span><span class="nx">addFieldToArea</span><span class="p">(</span><span class="nx">AsposeCells</span><span class="p">.</span><span class="nx">PivotFieldType</span><span class="p">.</span><span class="nx">Data</span><span class="p">,</span> <span class="s2">&#34;Amount&#34;</span><span class="p">);</span> <span class="nx">pivotTable</span><span class="p">.</span><span class="nx">calculateData</span><span class="p">();</span> <span class="c1">// Bold yellow fill on the row field&#39;s label cells </span><span class="c1"></span> <span class="kr">const</span> <span class="nx">labelStyle</span> <span class="o">=</span> <span class="nx">workbook</span><span class="p">.</span><span class="nx">createStyle</span><span class="p">();</span> <span class="nx">labelStyle</span><span class="p">.</span><span class="nx">font</span><span class="p">.</span><span class="nx">isBold</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span> <span class="nx">labelStyle</span><span class="p">.</span><span class="nx">foregroundColor</span> <span class="o">=</span> <span class="nx">AsposeCells</span><span class="p">.</span><span class="nx">Color</span><span class="p">.</span><span class="nx">Yellow</span><span class="p">;</span> <span class="nx">labelStyle</span><span class="p">.</span><span class="nx">pattern</span> <span class="o">=</span> <span class="nx">AsposeCells</span><span class="p">.</span><span class="nx">BackgroundType</span><span class="p">.</span><span class="nx">Solid</span><span class="p">;</span> <span class="kr">const</span> <span class="nx">labelArea</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">AsposeCells</span><span class="p">.</span><span class="nx">PivotArea</span><span class="p">(</span><span class="nx">pivotTable</span><span class="p">);</span> <span class="nx">labelArea</span><span class="p">.</span><span class="nx">select</span><span class="p">(</span> <span class="nx">AsposeCells</span><span class="p">.</span><span class="nx">PivotFieldType</span><span class="p">.</span><span class="nx">Row</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="nx">AsposeCells</span><span class="p">.</span><span class="nx">PivotTableSelectionType</span><span class="p">.</span><span class="nx">LabelOnly</span> <span class="p">);</span> <span class="nx">pivotTable</span><span class="p">.</span><span class="nx">format</span><span class="p">(</span><span class="nx">labelArea</span><span class="p">,</span> <span class="nx">labelStyle</span><span class="p">);</span> <span class="c1">// Light green fill on the value cells the row field produces </span><span class="c1"></span> <span class="kr">const</span> <span class="nx">valueStyle</span> <span class="o">=</span> <span class="nx">workbook</span><span class="p">.</span><span class="nx">createStyle</span><span class="p">();</span> <span class="nx">valueStyle</span><span class="p">.</span><span class="nx">foregroundColor</span> <span class="o">=</span> <span class="nx">AsposeCells</span><span class="p">.</span><span class="nx">Color</span><span class="p">.</span><span class="nx">LightGreen</span><span class="p">;</span> <span class="nx">valueStyle</span><span class="p">.</span><span class="nx">pattern</span> <span class="o">=</span> <span class="nx">AsposeCells</span><span class="p">.</span><span class="nx">BackgroundType</span><span class="p">.</span><span class="nx">Solid</span><span class="p">;</span> <span class="kr">const</span> <span class="nx">valueArea</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">AsposeCells</span><span class="p">.</span><span class="nx">PivotArea</span><span class="p">(</span><span class="nx">pivotTable</span><span class="p">);</span> <span class="nx">valueArea</span><span class="p">.</span><span class="nx">selectField</span><span class="p">(</span><span class="nx">AsposeCells</span><span class="p">.</span><span class="nx">PivotFieldType</span><span class="p">.</span><span class="nx">Row</span><span class="p">,</span> <span class="s2">&#34;Fruit&#34;</span><span class="p">);</span> <span class="nx">pivotTable</span><span class="p">.</span><span class="nx">format</span><span class="p">(</span><span class="nx">valueArea</span><span class="p">,</span> <span class="nx">valueStyle</span><span class="p">);</span> <span class="c1">// Field-anchored formats are painted when the data is calculated </span><span class="c1"></span> <span class="nx">pivotTable</span><span class="p">.</span><span class="nx">calculateData</span><span class="p">();</span> <span class="c1">// Label cells E4:E6 are now bold on yellow, value cells F4:F6 are light green </span><span class="c1"></span> <span class="kr">const</span> <span class="nx">outputData</span> <span class="o">=</span> <span class="nx">workbook</span><span class="p">.</span><span class="nx">save</span><span class="p">(</span><span class="nx">SaveFormat</span><span class="p">.</span><span class="nx">Xlsx</span><span class="p">);</span> <span class="kr">const</span> <span class="nx">blob</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Blob</span><span class="p">([</span><span class="nx">outputData</span><span class="p">]);</span> <span class="kr">const</span> <span class="nx">downloadLink</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s1">&#39;downloadLink&#39;</span><span class="p">);</span> <span class="nx">downloadLink</span><span class="p">.</span><span class="nx">href</span> <span class="o">=</span> <span class="nx">URL</span><span class="p">.</span><span class="nx">createObjectURL</span><span class="p">(</span><span class="nx">blob</span><span class="p">);</span> <span class="nx">downloadLink</span><span class="p">.</span><span class="nx">download</span> <span class="o">=</span> <span class="s2">&#34;FormatPivotArea.xlsx&#34;</span><span class="p">;</span> <span class="nx">downloadLink</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s2">&#34;block&#34;</span><span class="p">;</span> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s1">&#39;result&#39;</span><span class="p">).</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s1">&#39;&lt;p style=&#34;color: green;&#34;&gt;Done! Click the download link to get the result file.&lt;/p&gt;&#39;</span><span class="p">;</span> <span class="p">});</span> <span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span> <span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span> </code></pre></div><h2 id="formattare-unarea-di-celle-della-tabella-pivot"><strong>Formattare un&rsquo;area di celle della tabella pivot</strong></h2> <p>Utilizzare <code>PivotTable.Format(CellArea, Style)</code> quando la regione di interesse è un semplice rettangolo del foglio di lavoro anziché una regione pivot semantica.<br> Un <code>CellArea</code> è descritto dai campi <code>startRow</code>, <code>startColumn</code>, <code>endRow</code> e <code>endColumn</code>. I valori sono coordinate zero‑based del foglio di lavoro, e le coordinate finali identificano l&rsquo;ultima riga e colonna incluse nel rettangolo, quindi l&rsquo;area comprende tutte le celle dalla posizione iniziale a quella finale, inclusa.<br> Diversamente da un formato ancorato a un campo, un formato <code>CellArea</code> viene applicato alle celle immediatamente. Non è necessario un&rsquo;ulteriore chiamata a <code>CalculateData()</code> perché lo stile appaia.<br> Un rettangolo <code>CellArea</code> può contenere sia celle etichetta sia celle valore. La sezione successiva descrive come Aspose.Cells ed Excel rappresentano internamente quel rettangolo.<br> L&rsquo;esempio seguente formatta il rettangolo <code>E4:F5</code> della tabella pivot con uno stile corsivo e di colore blu chiaro, quindi salva la cartella di lavoro senza ulteriori ricalcoli.</p> <div class="highlight"><pre class="chroma"><code class="language-html" data-lang="html"><span class="cp">&lt;!DOCTYPE html&gt;</span> <span class="p">&lt;</span><span class="nt">html</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Aspose.Cells Example<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">h1</span><span class="p">&gt;</span>Aspose.Cells Example<span class="p">&lt;/</span><span class="nt">h1</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">button</span> <span class="na">id</span><span class="o">=</span><span class="s">&#34;runExample&#34;</span><span class="p">&gt;</span>Run Example<span class="p">&lt;/</span><span class="nt">button</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">a</span> <span class="na">id</span><span class="o">=</span><span class="s">&#34;downloadLink&#34;</span> <span class="na">style</span><span class="o">=</span><span class="s">&#34;display: none;&#34;</span><span class="p">&gt;</span>Download Result<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">div</span> <span class="na">id</span><span class="o">=</span><span class="s">&#34;result&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">div</span><span class="p">&gt;</span> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&#34;aspose.cells.js.min.js&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">script</span> <span class="na">type</span><span class="o">=</span><span class="s">&#34;text/javascript&#34;</span><span class="p">&gt;</span> <span class="kr">const</span> <span class="p">{</span> <span class="nx">Workbook</span><span class="p">,</span> <span class="nx">SaveFormat</span> <span class="p">}</span> <span class="o">=</span> <span class="nx">AsposeCells</span><span class="p">;</span> <span class="nx">AsposeCells</span><span class="p">.</span><span class="nx">onReady</span><span class="p">({</span> <span class="nx">license</span><span class="o">:</span> <span class="s2">&#34;/lic/aspose.cells.enc&#34;</span><span class="p">,</span> <span class="nx">fontPath</span><span class="o">:</span> <span class="s2">&#34;/fonts/&#34;</span><span class="p">,</span> <span class="nx">fontList</span><span class="o">:</span> <span class="p">[</span><span class="s2">&#34;arial.ttf&#34;</span><span class="p">,</span> <span class="s2">&#34;NotoSansSC-Regular.ttf&#34;</span><span class="p">]</span> <span class="p">}).</span><span class="nx">then</span><span class="p">(()</span> <span class="p">=&gt;</span> <span class="p">{</span> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&#34;Aspose.Cells initialized&#34;</span><span class="p">);</span> <span class="p">});</span> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s1">&#39;runExample&#39;</span><span class="p">).</span><span class="nx">addEventListener</span><span class="p">(</span><span class="s1">&#39;click&#39;</span><span class="p">,</span> <span class="kr">async</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="p">{</span> <span class="kr">const</span> <span class="nx">workbook</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Workbook</span><span class="p">();</span> <span class="kr">const</span> <span class="nx">sheet</span> <span class="o">=</span> <span class="nx">workbook</span><span class="p">.</span><span class="nx">worksheets</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span> <span class="kr">const</span> <span class="nx">cells</span> <span class="o">=</span> <span class="nx">sheet</span><span class="p">.</span><span class="nx">cells</span><span class="p">;</span> <span class="kr">const</span> <span class="nx">fruits</span> <span class="o">=</span> <span class="p">[</span><span class="s2">&#34;Apple&#34;</span><span class="p">,</span> <span class="s2">&#34;Banana&#34;</span><span class="p">,</span> <span class="s2">&#34;Apple&#34;</span><span class="p">,</span> <span class="s2">&#34;Banana&#34;</span><span class="p">,</span> <span class="s2">&#34;Cherry&#34;</span><span class="p">,</span> <span class="s2">&#34;Cherry&#34;</span><span class="p">];</span> <span class="kr">const</span> <span class="nx">years</span> <span class="o">=</span> <span class="p">[</span><span class="mi">2024</span><span class="p">,</span> <span class="mi">2024</span><span class="p">,</span> <span class="mi">2025</span><span class="p">,</span> <span class="mi">2025</span><span class="p">,</span> <span class="mi">2024</span><span class="p">,</span> <span class="mi">2025</span><span class="p">];</span> <span class="kr">const</span> <span class="nx">amounts</span> <span class="o">=</span> <span class="p">[</span><span class="mi">100</span><span class="p">,</span> <span class="mi">150</span><span class="p">,</span> <span class="mi">120</span><span class="p">,</span> <span class="mi">180</span><span class="p">,</span> <span class="mi">90</span><span class="p">,</span> <span class="mi">110</span><span class="p">];</span> <span class="nx">cells</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s2">&#34;A1&#34;</span><span class="p">).</span><span class="nx">value</span> <span class="o">=</span> <span class="s2">&#34;Fruit&#34;</span><span class="p">;</span> <span class="nx">cells</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s2">&#34;B1&#34;</span><span class="p">).</span><span class="nx">value</span> <span class="o">=</span> <span class="s2">&#34;Year&#34;</span><span class="p">;</span> <span class="nx">cells</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s2">&#34;C1&#34;</span><span class="p">).</span><span class="nx">value</span> <span class="o">=</span> <span class="s2">&#34;Amount&#34;</span><span class="p">;</span> <span class="k">for</span> <span class="p">(</span><span class="kd">let</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="nx">fruits</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span> <span class="nx">cells</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="nx">i</span> <span class="o">+</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">0</span><span class="p">).</span><span class="nx">value</span> <span class="o">=</span> <span class="nx">fruits</span><span class="p">[</span><span class="nx">i</span><span class="p">];</span> <span class="nx">cells</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="nx">i</span> <span class="o">+</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">).</span><span class="nx">value</span> <span class="o">=</span> <span class="nx">years</span><span class="p">[</span><span class="nx">i</span><span class="p">];</span> <span class="nx">cells</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="nx">i</span> <span class="o">+</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">).</span><span class="nx">value</span> <span class="o">=</span> <span class="nx">amounts</span><span class="p">[</span><span class="nx">i</span><span class="p">];</span> <span class="p">}</span> <span class="kr">const</span> <span class="nx">pivotTable</span> <span class="o">=</span> <span class="nx">sheet</span><span class="p">.</span><span class="nx">pivotTables</span><span class="p">.</span><span class="nx">add</span><span class="p">(</span><span class="s2">&#34;=A1:C7&#34;</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">4</span><span class="p">);</span> <span class="nx">pivotTable</span><span class="p">.</span><span class="nx">addFieldToArea</span><span class="p">(</span><span class="nx">AsposeCells</span><span class="p">.</span><span class="nx">PivotFieldType</span><span class="p">.</span><span class="nx">Row</span><span class="p">,</span> <span class="s2">&#34;Fruit&#34;</span><span class="p">);</span> <span class="nx">pivotTable</span><span class="p">.</span><span class="nx">addFieldToArea</span><span class="p">(</span><span class="nx">AsposeCells</span><span class="p">.</span><span class="nx">PivotFieldType</span><span class="p">.</span><span class="nx">Data</span><span class="p">,</span> <span class="s2">&#34;Amount&#34;</span><span class="p">);</span> <span class="nx">pivotTable</span><span class="p">.</span><span class="nx">calculateData</span><span class="p">();</span> <span class="c1">// Highlight the first two fruit rows (the rectangle E4:F5) </span><span class="c1"></span> <span class="kr">const</span> <span class="nx">highlightStyle</span> <span class="o">=</span> <span class="nx">workbook</span><span class="p">.</span><span class="nx">createStyle</span><span class="p">();</span> <span class="nx">highlightStyle</span><span class="p">.</span><span class="nx">font</span><span class="p">.</span><span class="nx">isItalic</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span> <span class="nx">highlightStyle</span><span class="p">.</span><span class="nx">foregroundColor</span> <span class="o">=</span> <span class="nx">AsposeCells</span><span class="p">.</span><span class="nx">Color</span><span class="p">.</span><span class="nx">LightBlue</span><span class="p">;</span> <span class="nx">highlightStyle</span><span class="p">.</span><span class="nx">pattern</span> <span class="o">=</span> <span class="nx">AsposeCells</span><span class="p">.</span><span class="nx">BackgroundType</span><span class="p">.</span><span class="nx">Solid</span><span class="p">;</span> <span class="kr">const</span> <span class="nx">rectangle</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">AsposeCells</span><span class="p">.</span><span class="nx">CellArea</span><span class="p">();</span> <span class="nx">rectangle</span><span class="p">.</span><span class="nx">startRow</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span> <span class="nx">rectangle</span><span class="p">.</span><span class="nx">startColumn</span> <span class="o">=</span> <span class="mi">4</span><span class="p">;</span> <span class="nx">rectangle</span><span class="p">.</span><span class="nx">endRow</span> <span class="o">=</span> <span class="mi">4</span><span class="p">;</span> <span class="nx">rectangle</span><span class="p">.</span><span class="nx">endColumn</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span> <span class="nx">pivotTable</span><span class="p">.</span><span class="nx">format</span><span class="p">(</span><span class="nx">rectangle</span><span class="p">,</span> <span class="nx">highlightStyle</span><span class="p">);</span> <span class="c1">// E4:F5 is italic on light blue immediately, no recalculation needed </span><span class="c1"></span> <span class="kr">const</span> <span class="nx">outputData</span> <span class="o">=</span> <span class="nx">workbook</span><span class="p">.</span><span class="nx">save</span><span class="p">(</span><span class="nx">SaveFormat</span><span class="p">.</span><span class="nx">Xlsx</span><span class="p">);</span> <span class="kr">const</span> <span class="nx">blob</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Blob</span><span class="p">([</span><span class="nx">outputData</span><span class="p">]);</span> <span class="kr">const</span> <span class="nx">downloadLink</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s1">&#39;downloadLink&#39;</span><span class="p">);</span> <span class="nx">downloadLink</span><span class="p">.</span><span class="nx">href</span> <span class="o">=</span> <span class="nx">URL</span><span class="p">.</span><span class="nx">createObjectURL</span><span class="p">(</span><span class="nx">blob</span><span class="p">);</span> <span class="nx">downloadLink</span><span class="p">.</span><span class="nx">download</span> <span class="o">=</span> <span class="s2">&#34;FormatPivotCellArea.xlsx&#34;</span><span class="p">;</span> <span class="nx">downloadLink</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s2">&#34;block&#34;</span><span class="p">;</span> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s1">&#39;result&#39;</span><span class="p">).</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s1">&#39;&lt;p style=&#34;color: green;&#34;&gt;Done! Click the download link to get the result file.&lt;/p&gt;&#39;</span><span class="p">;</span> <span class="p">});</span> <span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span> <span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span> </code></pre></div><h2 id="come-le-aree-pivot-e-le-aree-di-celle-vengono-mappate"><strong>Come le aree pivot e le aree di celle vengono mappate</strong></h2> <p>Excel memorizza la formattazione della tabella pivot come record <code>pivotArea</code> anziché come normali record di stile delle celle del foglio di lavoro. Lo stesso modello è utilizzato da Aspose.Cells, quindi una richiesta di formattazione viene tradotta in aree pivot al momento della registrazione.<br> La relazione tra il <code>CellArea</code> fornito dall&rsquo;utente e le aree pivot memorizzate internamente è molti‑a‑molti in entrambe le direzioni.</p> <ul> <li>Un <code>CellArea</code> può generare diverse aree pivot. Se il rettangolo comprende sia celle etichetta sia celle valore, viene scomposto in regole separate per etichette e dati, perché il modello pivot tratta indipendentemente la formattazione delle etichette e dei dati.</li> <li>Un&rsquo;area pivot può risolversi in più istanze <code>CellArea</code> disgiunte. Una regione semantica come una riga del totale generale, o un campo i cui elementi non sono contigui, può coprire più rettangoli. Per questo <code>PivotArea.GetCellAreas()</code> restituisce una collezione anziché un singolo rettangolo.<br> Ogni operazione di formattazione eseguita tramite <code>PivotTable.Format</code> viene registrata in <code>PivotTable.PivotFormats</code>. Ogni voce <code>PivotTableFormat</code> espone il relativo <code>PivotArea</code> e lo <code>Style</code> applicato. L&rsquo;overload <code>PivotArea</code> aggiunge esattamente una voce per chiamata, mentre un <code>CellArea</code> che contiene regioni semantiche diverse può aggiungere più voci.<br> Per distinguere le regioni memorizzate, ogni <code>PivotArea</code> espone i flag <code>OnlyLabel</code> e <code>OnlyData</code>. L&rsquo;esempio seguente formatta un unico rettangolo che copre sia etichette sia valori, ispeziona <code>PivotTable.PivotFormats</code> e stampa le coordinate <code>CellArea</code> a cui ogni area pivot memorizzata si risolve.</li> </ul> <div class="highlight"><pre class="chroma"><code class="language-html" data-lang="html"><span class="cp">&lt;!DOCTYPE html&gt;</span> <span class="p">&lt;</span><span class="nt">html</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Aspose.Cells Example<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">h1</span><span class="p">&gt;</span>Aspose.Cells Example<span class="p">&lt;/</span><span class="nt">h1</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">button</span> <span class="na">id</span><span class="o">=</span><span class="s">&#34;runExample&#34;</span><span class="p">&gt;</span>Run Example<span class="p">&lt;/</span><span class="nt">button</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">a</span> <span class="na">id</span><span class="o">=</span><span class="s">&#34;downloadLink&#34;</span> <span class="na">style</span><span class="o">=</span><span class="s">&#34;display: none;&#34;</span><span class="p">&gt;</span>Download Result<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">div</span> <span class="na">id</span><span class="o">=</span><span class="s">&#34;result&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">div</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&#34;aspose.cells.js.min.js&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">script</span> <span class="na">type</span><span class="o">=</span><span class="s">&#34;text/javascript&#34;</span><span class="p">&gt;</span> <span class="kr">const</span> <span class="p">{</span> <span class="nx">Workbook</span><span class="p">,</span> <span class="nx">SaveFormat</span><span class="p">,</span> <span class="nx">CellArea</span><span class="p">,</span> <span class="nx">Color</span> <span class="p">}</span> <span class="o">=</span> <span class="nx">AsposeCells</span><span class="p">;</span> <span class="nx">AsposeCells</span><span class="p">.</span><span class="nx">onReady</span><span class="p">({</span> <span class="nx">license</span><span class="o">:</span> <span class="s2">&#34;/lic/aspose.cells.enc&#34;</span><span class="p">,</span> <span class="nx">fontPath</span><span class="o">:</span> <span class="s2">&#34;/fonts/&#34;</span><span class="p">,</span> <span class="nx">fontList</span><span class="o">:</span> <span class="p">[</span><span class="s2">&#34;arial.ttf&#34;</span><span class="p">,</span> <span class="s2">&#34;NotoSansSC-Regular.ttf&#34;</span><span class="p">]</span> <span class="p">}).</span><span class="nx">then</span><span class="p">(()</span> <span class="p">=&gt;</span> <span class="p">{</span> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&#34;Aspose.Cells initialized&#34;</span><span class="p">);</span> <span class="p">});</span> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s2">&#34;runExample&#34;</span><span class="p">).</span><span class="nx">addEventListener</span><span class="p">(</span><span class="s2">&#34;click&#34;</span><span class="p">,</span> <span class="kr">async</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="p">{</span> <span class="kr">const</span> <span class="nx">result</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s2">&#34;result&#34;</span><span class="p">);</span> <span class="kr">const</span> <span class="nx">downloadLink</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s2">&#34;downloadLink&#34;</span><span class="p">);</span> <span class="kr">const</span> <span class="nx">workbook</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Workbook</span><span class="p">();</span> <span class="kr">const</span> <span class="nx">sheet</span> <span class="o">=</span> <span class="nx">workbook</span><span class="p">.</span><span class="nx">worksheets</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span> <span class="kr">const</span> <span class="nx">cells</span> <span class="o">=</span> <span class="nx">sheet</span><span class="p">.</span><span class="nx">cells</span><span class="p">;</span> <span class="kr">const</span> <span class="nx">fruits</span> <span class="o">=</span> <span class="p">[</span><span class="s2">&#34;Apple&#34;</span><span class="p">,</span> <span class="s2">&#34;Banana&#34;</span><span class="p">,</span> <span class="s2">&#34;Apple&#34;</span><span class="p">,</span> <span class="s2">&#34;Banana&#34;</span><span class="p">,</span> <span class="s2">&#34;Cherry&#34;</span><span class="p">,</span> <span class="s2">&#34;Cherry&#34;</span><span class="p">];</span> <span class="kr">const</span> <span class="nx">years</span> <span class="o">=</span> <span class="p">[</span><span class="mi">2024</span><span class="p">,</span> <span class="mi">2024</span><span class="p">,</span> <span class="mi">2025</span><span class="p">,</span> <span class="mi">2025</span><span class="p">,</span> <span class="mi">2024</span><span class="p">,</span> <span class="mi">2025</span><span class="p">];</span> <span class="kr">const</span> <span class="nx">amounts</span> <span class="o">=</span> <span class="p">[</span><span class="mi">100</span><span class="p">,</span> <span class="mi">150</span><span class="p">,</span> <span class="mi">120</span><span class="p">,</span> <span class="mi">180</span><span class="p">,</span> <span class="mi">90</span><span class="p">,</span> <span class="mi">110</span><span class="p">];</span> <span class="nx">cells</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s2">&#34;A1&#34;</span><span class="p">).</span><span class="nx">value</span> <span class="o">=</span> <span class="s2">&#34;Fruit&#34;</span><span class="p">;</span> <span class="nx">cells</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s2">&#34;B1&#34;</span><span class="p">).</span><span class="nx">value</span> <span class="o">=</span> <span class="s2">&#34;Year&#34;</span><span class="p">;</span> <span class="nx">cells</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s2">&#34;C1&#34;</span><span class="p">).</span><span class="nx">value</span> <span class="o">=</span> <span class="s2">&#34;Amount&#34;</span><span class="p">;</span> <span class="k">for</span> <span class="p">(</span><span class="kd">let</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="nx">fruits</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span> <span class="nx">cells</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="nx">i</span> <span class="o">+</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">0</span><span class="p">).</span><span class="nx">value</span> <span class="o">=</span> <span class="nx">fruits</span><span class="p">[</span><span class="nx">i</span><span class="p">];</span> <span class="nx">cells</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="nx">i</span> <span class="o">+</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">).</span><span class="nx">value</span> <span class="o">=</span> <span class="nx">years</span><span class="p">[</span><span class="nx">i</span><span class="p">];</span> <span class="nx">cells</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="nx">i</span> <span class="o">+</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">).</span><span class="nx">value</span> <span class="o">=</span> <span class="nx">amounts</span><span class="p">[</span><span class="nx">i</span><span class="p">];</span> <span class="p">}</span> <span class="kr">const</span> <span class="nx">pivotTable</span> <span class="o">=</span> <span class="nx">sheet</span><span class="p">.</span><span class="nx">pivotTables</span><span class="p">.</span><span class="nx">add</span><span class="p">(</span><span class="s2">&#34;=A1:C7&#34;</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">4</span><span class="p">);</span> <span class="nx">pivotTable</span><span class="p">.</span><span class="nx">addFieldToArea</span><span class="p">(</span><span class="nx">AsposeCells</span><span class="p">.</span><span class="nx">PivotFieldType</span><span class="p">.</span><span class="nx">Row</span><span class="p">,</span> <span class="s2">&#34;Fruit&#34;</span><span class="p">);</span> <span class="nx">pivotTable</span><span class="p">.</span><span class="nx">addFieldToArea</span><span class="p">(</span><span class="nx">AsposeCells</span><span class="p">.</span><span class="nx">PivotFieldType</span><span class="p">.</span><span class="nx">Data</span><span class="p">,</span> <span class="s2">&#34;Amount&#34;</span><span class="p">);</span> <span class="nx">pivotTable</span><span class="p">.</span><span class="nx">calculateData</span><span class="p">();</span> <span class="kr">const</span> <span class="nx">highlightStyle</span> <span class="o">=</span> <span class="nx">workbook</span><span class="p">.</span><span class="nx">createStyle</span><span class="p">();</span> <span class="nx">highlightStyle</span><span class="p">.</span><span class="nx">font</span><span class="p">.</span><span class="nx">isItalic</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span> <span class="nx">highlightStyle</span><span class="p">.</span><span class="nx">foregroundColor</span> <span class="o">=</span> <span class="nx">Color</span><span class="p">.</span><span class="nx">LightBlue</span><span class="p">;</span> <span class="nx">highlightStyle</span><span class="p">.</span><span class="nx">pattern</span> <span class="o">=</span> <span class="nx">AsposeCells</span><span class="p">.</span><span class="nx">BackgroundType</span><span class="p">.</span><span class="nx">Solid</span><span class="p">;</span> <span class="c1">// ONE rectangle in... </span><span class="c1"></span> <span class="kr">const</span> <span class="nx">rectangle</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">CellArea</span><span class="p">();</span> <span class="nx">rectangle</span><span class="p">.</span><span class="nx">startRow</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span> <span class="nx">rectangle</span><span class="p">.</span><span class="nx">startColumn</span> <span class="o">=</span> <span class="mi">4</span><span class="p">;</span> <span class="nx">rectangle</span><span class="p">.</span><span class="nx">endRow</span> <span class="o">=</span> <span class="mi">4</span><span class="p">;</span> <span class="nx">rectangle</span><span class="p">.</span><span class="nx">endColumn</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span> <span class="c1">// ...TWO semantic pivot areas out: the label part and the data part are stored separately </span><span class="c1"></span> <span class="nx">pivotTable</span><span class="p">.</span><span class="nx">format</span><span class="p">(</span><span class="nx">rectangle</span><span class="p">,</span> <span class="nx">highlightStyle</span><span class="p">);</span> <span class="kr">const</span> <span class="nx">pivotFormats</span> <span class="o">=</span> <span class="nx">pivotTable</span><span class="p">.</span><span class="nx">pivotFormats</span><span class="p">;</span> <span class="kr">const</span> <span class="nx">outputLines</span> <span class="o">=</span> <span class="p">[</span><span class="sb">`Stored formats: </span><span class="si">${</span><span class="nx">pivotFormats</span><span class="p">.</span><span class="nx">count</span><span class="si">}</span><span class="sb">`</span><span class="p">];</span> <span class="k">for</span> <span class="p">(</span><span class="kd">let</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="nx">pivotFormats</span><span class="p">.</span><span class="nx">count</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span> <span class="kr">const</span> <span class="nx">pivotFormat</span> <span class="o">=</span> <span class="nx">pivotFormats</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="nx">i</span><span class="p">);</span> <span class="kr">const</span> <span class="nx">storedArea</span> <span class="o">=</span> <span class="nx">pivotFormat</span><span class="p">.</span><span class="nx">pivotArea</span><span class="p">;</span> <span class="kr">const</span> <span class="nx">onlyLabel</span> <span class="o">=</span> <span class="nx">storedArea</span><span class="p">.</span><span class="nx">onlyLabel</span> <span class="o">?</span> <span class="s2">&#34;True&#34;</span> <span class="o">:</span> <span class="s2">&#34;False&#34;</span><span class="p">;</span> <span class="kr">const</span> <span class="nx">onlyData</span> <span class="o">=</span> <span class="nx">storedArea</span><span class="p">.</span><span class="nx">onlyData</span> <span class="o">?</span> <span class="s2">&#34;True&#34;</span> <span class="o">:</span> <span class="s2">&#34;False&#34;</span><span class="p">;</span> <span class="nx">outputLines</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="sb">`Format </span><span class="si">${</span><span class="nx">i</span><span class="si">}</span><span class="sb">: OnlyLabel=</span><span class="si">${</span><span class="nx">onlyLabel</span><span class="si">}</span><span class="sb">, OnlyData=</span><span class="si">${</span><span class="nx">onlyData</span><span class="si">}</span><span class="sb">`</span><span class="p">);</span> <span class="kr">const</span> <span class="nx">resolvedAreas</span> <span class="o">=</span> <span class="nx">storedArea</span><span class="p">.</span><span class="nx">cellAreas</span><span class="p">;</span> <span class="k">for</span> <span class="p">(</span><span class="kd">let</span> <span class="nx">j</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">j</span> <span class="o">&lt;</span> <span class="nx">resolvedAreas</span><span class="p">.</span><span class="nx">count</span><span class="p">;</span> <span class="nx">j</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span> <span class="kr">const</span> <span class="nx">resolved</span> <span class="o">=</span> <span class="nx">resolvedAreas</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="nx">j</span><span class="p">);</span> <span class="nx">outputLines</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span> <span class="sb">` rows </span><span class="si">${</span><span class="nx">resolved</span><span class="p">.</span><span class="nx">startRow</span> <span class="o">+</span> <span class="mi">1</span><span class="si">}</span><span class="sb">-</span><span class="si">${</span><span class="nx">resolved</span><span class="p">.</span><span class="nx">endRow</span> <span class="o">+</span> <span class="mi">1</span><span class="si">}</span><span class="sb">, columns </span><span class="si">${</span><span class="nx">resolved</span><span class="p">.</span><span class="nx">startColumn</span> <span class="o">+</span> <span class="mi">1</span><span class="si">}</span><span class="sb">-</span><span class="si">${</span><span class="nx">resolved</span><span class="p">.</span><span class="nx">endColumn</span> <span class="o">+</span> <span class="mi">1</span><span class="si">}</span><span class="sb">`</span> <span class="p">);</span> <span class="p">}</span> <span class="p">}</span> <span class="c1">// This prints: </span><span class="c1"></span> <span class="c1">// Stored formats: 2 </span><span class="c1"></span> <span class="c1">// Format 0: OnlyLabel=True, OnlyData=False </span><span class="c1"></span> <span class="c1">// rows 4-5, columns 5-5 (E4:E5, the label part) </span><span class="c1"></span> <span class="c1">// Format 1: OnlyLabel=False, OnlyData=True </span><span class="c1"></span> <span class="c1">// rows 4-5, columns 6-6 (F4:F5, the data part) </span><span class="c1"></span> <span class="nx">result</span><span class="p">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="sb">`&lt;pre&gt;</span><span class="si">${</span><span class="nx">outputLines</span><span class="p">.</span><span class="nx">join</span><span class="p">(</span><span class="s2">&#34;\n&#34;</span><span class="p">)</span><span class="si">}</span><span class="sb">&lt;/pre&gt;`</span> <span class="o">+</span> <span class="sb">`&lt;p style=&#34;color: green;&#34;&gt;Done! Click the download link to get the result file.&lt;/p&gt;`</span><span class="p">;</span> <span class="kr">const</span> <span class="nx">outputData</span> <span class="o">=</span> <span class="nx">workbook</span><span class="p">.</span><span class="nx">save</span><span class="p">(</span><span class="nx">SaveFormat</span><span class="p">.</span><span class="nx">Xlsx</span><span class="p">);</span> <span class="kr">const</span> <span class="nx">blob</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Blob</span><span class="p">([</span><span class="nx">outputData</span><span class="p">]);</span> <span class="nx">downloadLink</span><span class="p">.</span><span class="nx">href</span> <span class="o">=</span> <span class="nx">URL</span><span class="p">.</span><span class="nx">createObjectURL</span><span class="p">(</span><span class="nx">blob</span><span class="p">);</span> <span class="nx">downloadLink</span><span class="p">.</span><span class="nx">download</span> <span class="o">=</span> <span class="s2">&#34;FormatPivotAreasMap.xlsx&#34;</span><span class="p">;</span> <span class="nx">downloadLink</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s2">&#34;block&#34;</span><span class="p">;</span> <span class="p">});</span> <span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span> <span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span> </code></pre></div> <div class="alert alert-primary" role="alert"> Poiché i formati sono memorizzati come aree pivot anziché come normali stili di cella, sopravvivono a ricalcoli e aggiornamenti. Quando la tabella pivot viene aggiornata con <code>PivotTable.RefreshData</code>, ricalcolata con <code>CalculateData</code>, o salvata e ricaricata, ogni area pivot memorizzata si risolve nuovamente nella posizione corrente della sua regione e lo stile viene riapplicato. </div> <p>Utilizzare un <code>PivotArea</code> costruito con <code>Select</code> o <code>SelectField</code> quando un evidenziatore deve rimanere collegato a un campo o a una regione semantica attraverso gli aggiornamenti, e utilizzare un <code>CellArea</code> quando è sufficiente formattare un rettangolo fisso nel layout corrente della tabella pivot. L&rsquo;overload <code>Format(int row, int column, Style)</code> per una singola cella mira a una cella individuale. Usare <code>FormatAll</code>, descritto nella pagina padre, quando l&rsquo;intera tabella pivot deve essere riformattata in un&rsquo;unica operazione.</p> <h2 id="articoli-correlati"><strong>Articoli correlati</strong></h2> <ul> <li><a href="https://docs.aspose.com/cells/cells/it/javascript-cpp/apply-style-to-pivot-table/">Applicare stile alla Tabella Pivot</a></li> <li><a href="https://docs.aspose.com/cells/cells/it/javascript-cpp/pivot-table-add-row-and-column-fields/">Aggiungere campi di riga e colonna alla Tabella Pivot</a></li> <li><a href="https://docs.aspose.com/cells/cells/it/javascript-cpp/manage-value-fields/">Gestire i campi valore nella Tabella Pivot</a></li> <li><a href="https://docs.aspose.com/cells/cells/it/javascript-cpp/refresh-pivot-table/">Aggiornare la Tabella Pivot</a></li> </ul> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/javascript-cpp?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> https://docs.aspose.com/cells/it/javascript-cpp/add-conditional-formatting-to-pivot-table/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/it/javascript-cpp/add-conditional-formatting-to-pivot-table/ <h2 id="possibili-scenari-di-utilizzo"><strong>Possibili scenari di utilizzo</strong></h2> <p>Gli stili descritti nella pagina principale e nella pagina sorella sono statici: un&rsquo;area <code>PivotArea</code> o <code>CellArea</code> viene dipinta una sola volta e mantiene il proprio stile indipendentemente dai valori. La formattazione condizionale è la controparte basata su regole: evidenziare ogni importo superiore a 200, colorare la fascia centrale del cinquanta per cento o segnalare gli elementi con ranking più basso – e l&rsquo;evidenziazione segue i valori ogni volta che la tabella pivot viene ricalcolata o aggiornata.<br> In Aspose.Cells, la formattazione condizionale di una tabella pivot vive nella raccolta <code>pivotTable.conditionalFormats</code>. Ogni voce è un <code>PivotConditionalFormat</code> che risponde a due domande in modo indipendente:</p> <ul> <li><strong>Dove si applica la regola?</strong> L&rsquo;area di destinazione è definita oppure tramite <code>applyTo(row, column, scope)</code>, che replica il selettore di ambito dell’interfaccia utente di Excel, oppure tramite <code>addCellArea(cellArea)</code> e la raccolta <code>pivotAreas</code>, che nominano esplicitamente l’area.</li> <li><strong>Cosa verifica la regola?</strong> Una o più condizioni vengono aggiunte a <code>formatConditions</code> con <code>addCondition(type, operatorType, formula1, formula2)</code>, e ogni condizione possiede il proprio <code>style</code>.</li> </ul> <div class="alert alert-primary" role="alert"> Non chiamare <code>formatConditions.add(cellArea, type, operatorType, formula1, formula2)</code> o <code>formatConditions.addArea(cellArea)</code> sull’oggetto <code>formatConditions</code> di un formato condizionale pivot. Queste due overload provengono dall’API di formattazione condizionale dei fogli di lavoro ordinari e non funzionano per le tabelle pivot: l’area della cella non viene mai convertita in un’area pivot, quindi la richiesta viene ignorata silenziosamente. Definisci sempre l’area sullo stesso <code>PivotConditionalFormat</code> (<code>applyTo</code>, <code>addCellArea</code> o <code>pivotAreas</code>) e aggiungi la regola con una delle overload di <code>addCondition</code>. </div> <h2 id="applicare-una-regola-con-uno-scope-modalità-ui-di-excel"><strong>Applicare una regola con uno scope (modalità UI di Excel)</strong></h2> <p>Il primo metodo posiziona la regola nello stesso modo in cui lo fa l’interfaccia utente di Excel. Una cella della tabella pivot è identificata dalle sue coordinate zero‑based del foglio di lavoro, e un scope <code>PivotConditionFormatScopeType</code> indica ad Aspose.Cells fino a dove deve estendersi la regola partendo da quella cella:</p> <ul> <li><code>PivotConditionFormatScopeType.Data</code> – tutte le celle valore prodotte dalla tabella pivot, inclusi i totali generali.</li> <li><code>PivotConditionFormatScopeType.Field</code> – le celle valore appartenenti al campo identificato dalla cella, esclusi i totali generali. La cella deve essere una cella campo, ad esempio un’etichetta di riga; passare una cella valore genera un’eccezione.</li> <li><code>PivotConditionFormatScopeType.Selection</code> – solo le celle valore all’intersezione selezionata dalla cella, tipicamente una singola cella valore.<br> L’esempio sottostante crea una tabella pivot di vendite di frutta con l’angolo in alto a sinistra in E3, ancora un formato condizionale nella cella F4 (riga 3, colonna 5) con lo scope <code>Data</code>, e evidenzia ogni importo superiore a 200 in grassetto bianco su rosso. Con i valori Apple 220, Banana 330, Cherry 200 e il totale generale 750, la regola colora F4, F5 e F7 – l’area risolta è l’intera colonna dati F4:F7, e solo le celle il cui valore supera la regola si illuminano.</li> </ul> <div class="highlight"><pre class="chroma"><code class="language-html" data-lang="html">const fs = require(&#34;fs&#34;); const { AsposeCells } = require(&#34;aspose.cells.js&#34;); const { Workbook, SaveFormat, PivotFieldType, PivotConditionFormatScopeType, FormatConditionType, OperatorType, Color, BackgroundType } = AsposeCells; AsposeCells.onReady().then(() =&gt; { const workbook = new Workbook(); const sheet = workbook.worksheets.get(0); const cells = sheet.cells; const fruits = [&#34;Apple&#34;, &#34;Banana&#34;, &#34;Apple&#34;, &#34;Banana&#34;, &#34;Cherry&#34;, &#34;Cherry&#34;]; const years = [2024, 2024, 2025, 2025, 2024, 2025]; const amounts = [100, 150, 120, 180, 90, 110]; cells.get(&#34;A1&#34;).putValue(&#34;Fruit&#34;); cells.get(&#34;B1&#34;).putValue(&#34;Year&#34;); cells.get(&#34;C1&#34;).putValue(&#34;Amount&#34;); for (let i = 0; i <span class="p">&lt;</span> <span class="nt">fruits.length</span><span class="err">;</span> <span class="na">i</span><span class="err">++)</span> <span class="err">{</span> <span class="na">cells</span><span class="err">.</span><span class="na">get</span><span class="err">(</span><span class="na">i</span> <span class="err">+</span> <span class="na">1</span><span class="err">,</span> <span class="na">0</span><span class="err">).</span><span class="na">putValue</span><span class="err">(</span><span class="na">fruits</span><span class="err">[</span><span class="na">i</span><span class="err">]);</span> <span class="na">cells</span><span class="err">.</span><span class="na">get</span><span class="err">(</span><span class="na">i</span> <span class="err">+</span> <span class="na">1</span><span class="err">,</span> <span class="na">1</span><span class="err">).</span><span class="na">putValue</span><span class="err">(</span><span class="na">years</span><span class="err">[</span><span class="na">i</span><span class="err">]);</span> <span class="na">cells</span><span class="err">.</span><span class="na">get</span><span class="err">(</span><span class="na">i</span> <span class="err">+</span> <span class="na">1</span><span class="err">,</span> <span class="na">2</span><span class="err">).</span><span class="na">putValue</span><span class="err">(</span><span class="na">amounts</span><span class="err">[</span><span class="na">i</span><span class="err">]);</span> <span class="err">}</span> <span class="err">//</span> <span class="na">Tabella</span> <span class="na">pivot</span> <span class="na">con</span> <span class="na">l</span><span class="err">&#39;</span><span class="na">angolo</span> <span class="na">in</span> <span class="na">alto</span> <span class="na">a</span> <span class="na">sinistra</span> <span class="na">in</span> <span class="na">E3</span> <span class="na">const</span> <span class="na">pivotTable </span><span class="o">=</span> <span class="s">sheet.pivotTables.add(&#34;=A1:C7&#34;,</span> <span class="na">2</span><span class="err">,</span> <span class="na">4</span><span class="err">);</span> <span class="na">pivotTable</span><span class="err">.</span><span class="na">addFieldToArea</span><span class="err">(</span><span class="na">PivotFieldType</span><span class="err">.</span><span class="na">Row</span><span class="err">,</span> <span class="err">&#34;</span><span class="na">Fruit</span><span class="err">&#34;);</span> <span class="na">pivotTable</span><span class="err">.</span><span class="na">addFieldToArea</span><span class="err">(</span><span class="na">PivotFieldType</span><span class="err">.</span><span class="na">Data</span><span class="err">,</span> <span class="err">&#34;</span><span class="na">Amount</span><span class="err">&#34;);</span> <span class="na">pivotTable</span><span class="err">.</span><span class="na">calculateData</span><span class="err">();</span> <span class="err">//</span> <span class="na">Ancorare</span> <span class="na">il</span> <span class="na">formato</span> <span class="na">condizionale</span> <span class="na">in</span> <span class="na">F4</span> <span class="err">(</span><span class="na">riga</span> <span class="na">3</span><span class="err">,</span> <span class="na">colonna</span> <span class="na">5</span><span class="err">)</span> <span class="na">con</span> <span class="na">l</span><span class="err">&#39;</span><span class="na">ambito</span> <span class="na">Data</span> <span class="na">const</span> <span class="na">index </span><span class="o">=</span> <span class="s">pivotTable.conditionalFormats.add();</span> <span class="na">const</span> <span class="na">format </span><span class="o">=</span> <span class="s">pivotTable.conditionalFormats.get(index);</span> <span class="na">format</span><span class="err">.</span><span class="na">applyTo</span><span class="err">(</span><span class="na">3</span><span class="err">,</span> <span class="na">5</span><span class="err">,</span> <span class="na">PivotConditionFormatScopeType</span><span class="err">.</span><span class="na">Data</span><span class="err">);</span> <span class="err">//</span> <span class="na">Regola</span> <span class="na">-</span> <span class="na">evidenzia</span> <span class="na">importi</span> <span class="na">maggiori</span> <span class="na">di</span> <span class="na">200</span> <span class="na">const</span> <span class="na">conditionIndex </span><span class="o">=</span> <span class="s">format.formatConditions.addCondition(</span> <span class="na">FormatConditionType</span><span class="err">.</span><span class="na">CellValue</span><span class="err">,</span> <span class="na">OperatorType</span><span class="err">.</span><span class="na">GreaterThan</span><span class="err">,</span> <span class="err">&#34;</span><span class="na">200</span><span class="err">&#34;,</span> <span class="na">null</span><span class="err">);</span> <span class="na">const</span> <span class="na">style </span><span class="o">=</span> <span class="s">workbook.createStyle();</span> <span class="na">style</span><span class="err">.</span><span class="na">font</span><span class="err">.</span><span class="na">isBold </span><span class="o">=</span> <span class="s">true;</span> <span class="na">style</span><span class="err">.</span><span class="na">font</span><span class="err">.</span><span class="na">color </span><span class="o">=</span> <span class="s">Color.White;</span> <span class="na">style</span><span class="err">.</span><span class="na">foregroundColor </span><span class="o">=</span> <span class="s">Color.Red;</span> <span class="na">style</span><span class="err">.</span><span class="na">pattern </span><span class="o">=</span> <span class="s">BackgroundType.Solid;</span> <span class="na">format</span><span class="err">.</span><span class="na">formatConditions</span><span class="err">.</span><span class="na">get</span><span class="err">(</span><span class="na">conditionIndex</span><span class="err">).</span><span class="na">style </span><span class="o">=</span> <span class="s">style;</span> <span class="err">//</span> <span class="na">wb</span><span class="err">.</span><span class="na">save</span><span class="err">(</span><span class="na">SaveFormat</span><span class="err">.</span><span class="na">Xlsx</span><span class="err">)</span> <span class="na">restituisce</span> <span class="na">il</span> <span class="na">file</span> <span class="na">come</span> <span class="na">byte</span> <span class="na">fs</span><span class="err">.</span><span class="na">writeFileSync</span><span class="err">(&#34;</span><span class="na">PivotConditionalFormatData</span><span class="err">.</span><span class="na">xlsx</span><span class="err">&#34;,</span> <span class="na">workbook</span><span class="err">.</span><span class="na">save</span><span class="err">(</span><span class="na">SaveFormat</span><span class="err">.</span><span class="na">Xlsx</span><span class="err">));</span> <span class="na">console</span><span class="err">.</span><span class="na">log</span><span class="err">(&#34;</span><span class="na">Done</span><span class="err">;</span> <span class="na">the</span> <span class="na">rule</span> <span class="na">paints</span> <span class="na">F4</span><span class="err">,</span> <span class="na">F5</span><span class="err">,</span> <span class="na">and</span> <span class="na">F7</span><span class="err">&#34;);</span> <span class="na">process</span><span class="err">.</span><span class="na">exit</span><span class="err">(</span><span class="na">0</span><span class="err">);</span> <span class="err">});</span> </code></pre></div><p>Ancorare la stessa regola all’etichetta del campo di riga E4 (riga 3, colonna 4) con lo scope <code>Field</code> risolve a F4:F6 invece – la stessa colonna dati senza la riga del totale generale – perché lo scope ora descrive il campo <code>Fruit</code> anziché l’intera area valori. Lo scope <code>Selection</code> ancorato a F4 risolve solo a F4.</p> <h2 id="definire-la-regione-manualmente"><strong>Definire la regione manualmente</strong></h2> <p>Il secondo metodo omette il selettore di ambito e nomina esplicitamente l’area sul <code>PivotConditionalFormat</code>.</p> <h3 id="un-rettangolo-del-foglio-di-lavoro-con-addcellarea"><strong>Un rettangolo del foglio di lavoro con addCellArea</strong></h3> <p><code>addCellArea(cellArea)</code> registra il rettangolo fornito come destinazione della regola. Le coordinate sono zero‑based del foglio di lavoro, e l’area è esattamente il rettangolo indicato – senza espansione alla colonna dati e senza logica di totale generale. Usalo quando le celle di interesse costituiscono un rettangolo fisso noto del layout pivot corrente.</p> <div class="highlight"><pre class="chroma"><code class="language-html" data-lang="html">const fs = require(&#34;fs&#34;); const { AsposeCells } = require(&#34;aspose.cells.js&#34;); const { Workbook, SaveFormat, PivotFieldType, FormatConditionType, OperatorType, Color, BackgroundType, CellArea } = AsposeCells; AsposeCells.onReady().then(() =&gt; { const workbook = new Workbook(); const sheet = workbook.worksheets.get(0); const cells = sheet.cells; const fruits = [&#34;Apple&#34;, &#34;Banana&#34;, &#34;Apple&#34;, &#34;Banana&#34;, &#34;Cherry&#34;, &#34;Cherry&#34;]; const years = [2024, 2024, 2025, 2025, 2024, 2025]; const amounts = [100, 150, 120, 180, 90, 110]; cells.get(&#34;A1&#34;).putValue(&#34;Fruit&#34;); cells.get(&#34;B1&#34;).putValue(&#34;Year&#34;); cells.get(&#34;C1&#34;).putValue(&#34;Amount&#34;); for (let i = 0; i <span class="p">&lt;</span> <span class="nt">fruits.length</span><span class="err">;</span> <span class="na">i</span><span class="err">++)</span> <span class="err">{</span> <span class="na">cells</span><span class="err">.</span><span class="na">get</span><span class="err">(</span><span class="na">i</span> <span class="err">+</span> <span class="na">1</span><span class="err">,</span> <span class="na">0</span><span class="err">).</span><span class="na">putValue</span><span class="err">(</span><span class="na">fruits</span><span class="err">[</span><span class="na">i</span><span class="err">]);</span> <span class="na">cells</span><span class="err">.</span><span class="na">get</span><span class="err">(</span><span class="na">i</span> <span class="err">+</span> <span class="na">1</span><span class="err">,</span> <span class="na">1</span><span class="err">).</span><span class="na">putValue</span><span class="err">(</span><span class="na">years</span><span class="err">[</span><span class="na">i</span><span class="err">]);</span> <span class="na">cells</span><span class="err">.</span><span class="na">get</span><span class="err">(</span><span class="na">i</span> <span class="err">+</span> <span class="na">1</span><span class="err">,</span> <span class="na">2</span><span class="err">).</span><span class="na">putValue</span><span class="err">(</span><span class="na">amounts</span><span class="err">[</span><span class="na">i</span><span class="err">]);</span> <span class="err">}</span> <span class="na">const</span> <span class="na">pivotTable </span><span class="o">=</span> <span class="s">sheet.pivotTables.add(&#34;=A1:C7&#34;,</span> <span class="na">2</span><span class="err">,</span> <span class="na">4</span><span class="err">);</span> <span class="na">pivotTable</span><span class="err">.</span><span class="na">addFieldToArea</span><span class="err">(</span><span class="na">PivotFieldType</span><span class="err">.</span><span class="na">Row</span><span class="err">,</span> <span class="err">&#34;</span><span class="na">Fruit</span><span class="err">&#34;);</span> <span class="na">pivotTable</span><span class="err">.</span><span class="na">addFieldToArea</span><span class="err">(</span><span class="na">PivotFieldType</span><span class="err">.</span><span class="na">Data</span><span class="err">,</span> <span class="err">&#34;</span><span class="na">Amount</span><span class="err">&#34;);</span> <span class="na">pivotTable</span><span class="err">.</span><span class="na">calculateData</span><span class="err">();</span> <span class="err">//</span> <span class="na">Individua</span> <span class="na">il</span> <span class="na">rettangolo</span> <span class="na">F4:F6</span> <span class="err">(</span><span class="na">le</span> <span class="na">celle</span> <span class="na">di</span> <span class="na">valore</span> <span class="na">senza</span> <span class="na">il</span> <span class="na">totale</span> <span class="na">complessivo</span><span class="err">)</span> <span class="na">const</span> <span class="na">index </span><span class="o">=</span> <span class="s">pivotTable.conditionalFormats.add();</span> <span class="na">const</span> <span class="na">format </span><span class="o">=</span> <span class="s">pivotTable.conditionalFormats.get(index);</span> <span class="na">const</span> <span class="na">area </span><span class="o">=</span> <span class="s">new</span> <span class="na">CellArea</span><span class="err">();</span> <span class="na">area</span><span class="err">.</span><span class="na">startRow </span><span class="o">=</span> <span class="s">3;</span> <span class="na">area</span><span class="err">.</span><span class="na">startColumn </span><span class="o">=</span> <span class="s">5;</span> <span class="na">area</span><span class="err">.</span><span class="na">endRow </span><span class="o">=</span> <span class="s">5;</span> <span class="na">area</span><span class="err">.</span><span class="na">endColumn </span><span class="o">=</span> <span class="s">5;</span> <span class="na">format</span><span class="err">.</span><span class="na">addCellArea</span><span class="err">(</span><span class="na">area</span><span class="err">);</span> <span class="err">//</span> <span class="na">Regola</span> <span class="na">-</span> <span class="na">corsivo</span> <span class="na">su</span> <span class="na">giallo</span> <span class="na">chiaro</span> <span class="na">per</span> <span class="na">importi</span> <span class="na">tra</span> <span class="na">150</span> <span class="na">e</span> <span class="na">300</span> <span class="na">const</span> <span class="na">conditionIndex </span><span class="o">=</span> <span class="s">format.formatConditions.addCondition(</span> <span class="na">FormatConditionType</span><span class="err">.</span><span class="na">CellValue</span><span class="err">,</span> <span class="na">OperatorType</span><span class="err">.</span><span class="na">Between</span><span class="err">,</span> <span class="err">&#34;</span><span class="na">150</span><span class="err">&#34;,</span> <span class="err">&#34;</span><span class="na">300</span><span class="err">&#34;);</span> <span class="na">const</span> <span class="na">style </span><span class="o">=</span> <span class="s">workbook.createStyle();</span> <span class="na">style</span><span class="err">.</span><span class="na">font</span><span class="err">.</span><span class="na">isItalic </span><span class="o">=</span> <span class="s">true;</span> <span class="na">style</span><span class="err">.</span><span class="na">foregroundColor </span><span class="o">=</span> <span class="s">Color.LightYellow;</span> <span class="na">style</span><span class="err">.</span><span class="na">pattern </span><span class="o">=</span> <span class="s">BackgroundType.Solid;</span> <span class="na">format</span><span class="err">.</span><span class="na">formatConditions</span><span class="err">.</span><span class="na">get</span><span class="err">(</span><span class="na">conditionIndex</span><span class="err">).</span><span class="na">style </span><span class="o">=</span> <span class="s">style;</span> <span class="na">fs</span><span class="err">.</span><span class="na">writeFileSync</span><span class="err">(&#34;</span><span class="na">PivotConditionalFormatCellArea</span><span class="err">.</span><span class="na">xlsx</span><span class="err">&#34;,</span> <span class="na">workbook</span><span class="err">.</span><span class="na">save</span><span class="err">(</span><span class="na">SaveFormat</span><span class="err">.</span><span class="na">Xlsx</span><span class="err">));</span> <span class="na">console</span><span class="err">.</span><span class="na">log</span><span class="err">(&#34;</span><span class="na">Done</span><span class="err">;</span> <span class="na">the</span> <span class="na">rule</span> <span class="na">paints</span> <span class="na">F4</span> <span class="na">and</span> <span class="na">F6</span><span class="err">&#34;);</span> <span class="na">process</span><span class="err">.</span><span class="na">exit</span><span class="err">(</span><span class="na">0</span><span class="err">);</span> <span class="err">});</span> </code></pre></div><h3 id="una-regione-pivot-semantica-con-pivotareas"><strong>Una regione pivot semantica con pivotAreas</strong></h3> <p><code>pivotAreas</code> utilizza lo stesso modello di regione semantica impiegato dalla pagina sorella per gli stili statici. Crea un <code>PivotArea</code>, seleziona un campo o un’area con <code>select</code> o <code>selectField</code>, e aggiungilo con <code>pivotAreas.addPivotArea(pivotArea)</code>. Una regione semantica rimane collegata al proprio campo, così il formato condizionale segue il campo quando la tabella pivot viene aggiornata e il layout si sposta. L’overload <code>pivotAreas.add(pivotArea)</code> è ancora supportato ma marcato obsoleto – è preferibile <code>addPivotArea</code>.</p> <div class="highlight"><pre class="chroma"><code class="language-html" data-lang="html">const fs = require(&#34;fs&#34;); const { AsposeCells } = require(&#34;aspose.cells.js&#34;); const { Workbook, SaveFormat, PivotFieldType, PivotArea, FormatConditionType, OperatorType, Color } = AsposeCells; AsposeCells.onReady().then(() =&gt; { const workbook = new Workbook(); const sheet = workbook.worksheets.get(0); const cells = sheet.cells; const fruits = [&#34;Apple&#34;, &#34;Banana&#34;, &#34;Apple&#34;, &#34;Banana&#34;, &#34;Cherry&#34;, &#34;Cherry&#34;]; const years = [2024, 2024, 2025, 2025, 2024, 2025]; const amounts = [100, 150, 120, 180, 90, 110]; cells.get(&#34;A1&#34;).putValue(&#34;Fruit&#34;); cells.get(&#34;B1&#34;).putValue(&#34;Year&#34;); cells.get(&#34;C1&#34;).putValue(&#34;Amount&#34;); for (let i = 0; i <span class="p">&lt;</span> <span class="nt">fruits.length</span><span class="err">;</span> <span class="na">i</span><span class="err">++)</span> <span class="err">{</span> <span class="na">cells</span><span class="err">.</span><span class="na">get</span><span class="err">(</span><span class="na">i</span> <span class="err">+</span> <span class="na">1</span><span class="err">,</span> <span class="na">0</span><span class="err">).</span><span class="na">putValue</span><span class="err">(</span><span class="na">fruits</span><span class="err">[</span><span class="na">i</span><span class="err">]);</span> <span class="na">cells</span><span class="err">.</span><span class="na">get</span><span class="err">(</span><span class="na">i</span> <span class="err">+</span> <span class="na">1</span><span class="err">,</span> <span class="na">1</span><span class="err">).</span><span class="na">putValue</span><span class="err">(</span><span class="na">years</span><span class="err">[</span><span class="na">i</span><span class="err">]);</span> <span class="na">cells</span><span class="err">.</span><span class="na">get</span><span class="err">(</span><span class="na">i</span> <span class="err">+</span> <span class="na">1</span><span class="err">,</span> <span class="na">2</span><span class="err">).</span><span class="na">putValue</span><span class="err">(</span><span class="na">amounts</span><span class="err">[</span><span class="na">i</span><span class="err">]);</span> <span class="err">}</span> <span class="na">const</span> <span class="na">pivotTable </span><span class="o">=</span> <span class="s">sheet.pivotTables.add(&#34;=A1:C7&#34;,</span> <span class="na">2</span><span class="err">,</span> <span class="na">4</span><span class="err">);</span> <span class="na">pivotTable</span><span class="err">.</span><span class="na">addFieldToArea</span><span class="err">(</span><span class="na">PivotFieldType</span><span class="err">.</span><span class="na">Row</span><span class="err">,</span> <span class="err">&#34;</span><span class="na">Fruit</span><span class="err">&#34;);</span> <span class="na">pivotTable</span><span class="err">.</span><span class="na">addFieldToArea</span><span class="err">(</span><span class="na">PivotFieldType</span><span class="err">.</span><span class="na">Data</span><span class="err">,</span> <span class="err">&#34;</span><span class="na">Amount</span><span class="err">&#34;);</span> <span class="na">pivotTable</span><span class="err">.</span><span class="na">calculateData</span><span class="err">();</span> <span class="err">//</span> <span class="na">Attacca</span> <span class="na">la</span> <span class="na">regola</span> <span class="na">al</span> <span class="na">campo</span> <span class="na">dati</span> <span class="na">Amount</span> <span class="na">come</span> <span class="na">area</span> <span class="na">semantica</span> <span class="na">const</span> <span class="na">index </span><span class="o">=</span> <span class="s">pivotTable.conditionalFormats.add();</span> <span class="na">const</span> <span class="na">format </span><span class="o">=</span> <span class="s">pivotTable.conditionalFormats.get(index);</span> <span class="na">const</span> <span class="na">area </span><span class="o">=</span> <span class="s">new</span> <span class="na">PivotArea</span><span class="err">(</span><span class="na">pivotTable</span><span class="err">);</span> <span class="na">area</span><span class="err">.</span><span class="na">selectField</span><span class="err">(</span><span class="na">PivotFieldType</span><span class="err">.</span><span class="na">Data</span><span class="err">,</span> <span class="err">&#34;</span><span class="na">Amount</span><span class="err">&#34;);</span> <span class="na">format</span><span class="err">.</span><span class="na">pivotAreas</span><span class="err">.</span><span class="na">addPivotArea</span><span class="err">(</span><span class="na">area</span><span class="err">);</span> <span class="err">//</span> <span class="na">Regola</span> <span class="na">-</span> <span class="na">testo</span> <span class="na">grigio</span> <span class="na">per</span> <span class="na">importi</span> <span class="na">inferiori</span> <span class="na">a</span> <span class="na">150</span> <span class="na">const</span> <span class="na">conditionIndex </span><span class="o">=</span> <span class="s">format.formatConditions.addCondition(</span> <span class="na">FormatConditionType</span><span class="err">.</span><span class="na">CellValue</span><span class="err">,</span> <span class="na">OperatorType</span><span class="err">.</span><span class="na">LessThan</span><span class="err">,</span> <span class="err">&#34;</span><span class="na">150</span><span class="err">&#34;,</span> <span class="na">null</span><span class="err">);</span> <span class="na">const</span> <span class="na">style </span><span class="o">=</span> <span class="s">workbook.createStyle();</span> <span class="na">style</span><span class="err">.</span><span class="na">font</span><span class="err">.</span><span class="na">color </span><span class="o">=</span> <span class="s">Color.Gray;</span> <span class="na">format</span><span class="err">.</span><span class="na">formatConditions</span><span class="err">.</span><span class="na">get</span><span class="err">(</span><span class="na">conditionIndex</span><span class="err">).</span><span class="na">style </span><span class="o">=</span> <span class="s">style;</span> <span class="na">fs</span><span class="err">.</span><span class="na">writeFileSync</span><span class="err">(&#34;</span><span class="na">PivotConditionalFormatPivotArea</span><span class="err">.</span><span class="na">xlsx</span><span class="err">&#34;,</span> <span class="na">workbook</span><span class="err">.</span><span class="na">save</span><span class="err">(</span><span class="na">SaveFormat</span><span class="err">.</span><span class="na">Xlsx</span><span class="err">));</span> <span class="na">console</span><span class="err">.</span><span class="na">log</span><span class="err">(&#34;</span><span class="na">Done</span><span class="err">;</span> <span class="na">the</span> <span class="na">rule</span> <span class="na">is</span> <span class="na">attached</span> <span class="na">to</span> <span class="na">the</span> <span class="na">Amount</span> <span class="na">value</span> <span class="na">cells</span><span class="err">&#34;);</span> <span class="na">process</span><span class="err">.</span><span class="na">exit</span><span class="err">(</span><span class="na">0</span><span class="err">);</span> <span class="err">});</span> </code></pre></div><h2 id="dove-le-regole-sono-memorizzate-e-come-sopravvivono-a-un-ricaricamento"><strong>Dove le regole sono memorizzate e come sopravvivono a un ricaricamento</strong></h2> <p>Ogni chiamata a <code>conditionalFormats.add()</code> aggiunge un <code>PivotConditionalFormat</code> alla tabella pivot. Le condizioni, le loro formule e i loro stili vengono salvati con la cartella di lavoro – riaprire il file salvato dal primo esempio in Node mostra la stessa regola con tipo, operatore e formula intatti, e <code>getCellAreas()</code> restituisce la stessa area. Su questa piattaforma le proprietà <code>type</code> e <code>operator</code> di una condizione vengono restituite come valori numerici dell’enum. Le voci che non hanno mai ricevuto una condizione vengono eliminate quando la cartella di lavoro viene salvata, nello stesso modo in cui Excel scarta una formattazione condizionale priva di regola.</p> <div class="highlight"><pre class="chroma"><code class="language-html" data-lang="html">const fs = require(&#34;fs&#34;); const { AsposeCells } = require(&#34;aspose.cells.js&#34;); AsposeCells.onReady().then(() =&gt; { // Ricarica il file scritto dal primo esempio const workbook = new Workbook(new Uint8Array(fs.readFileSync(&#34;PivotConditionalFormatData.xlsx&#34;))); const pivotTable = workbook.worksheets.get(0).pivotTables.get(0); console.log(&#34;Conditional formats: &#34; + pivotTable.conditionalFormats.count); for (let i = 0; i <span class="p">&lt;</span> <span class="nt">pivotTable.conditionalFormats.count</span><span class="err">;</span> <span class="na">i</span><span class="err">++)</span> <span class="err">{</span> <span class="na">const</span> <span class="na">format </span><span class="o">=</span> <span class="s">pivotTable.conditionalFormats.get(i);</span> <span class="na">for</span> <span class="err">(</span><span class="na">let</span> <span class="na">j </span><span class="o">=</span> <span class="s">0;</span> <span class="na">j</span> <span class="err">&lt;</span> <span class="na">format</span><span class="err">.</span><span class="na">formatConditions</span><span class="err">.</span><span class="na">count</span><span class="err">;</span> <span class="na">j</span><span class="err">++)</span> <span class="err">{</span> <span class="na">const</span> <span class="na">condition </span><span class="o">=</span> <span class="s">format.formatConditions.get(j);</span> <span class="na">console</span><span class="err">.</span><span class="na">log</span><span class="err">(&#34;</span><span class="na">Format</span> <span class="err">&#34;</span> <span class="err">+</span> <span class="na">i</span> <span class="err">+</span> <span class="err">&#34;</span><span class="na">:</span> <span class="err">&#34;</span> <span class="err">+</span> <span class="na">condition</span><span class="err">.</span><span class="na">type</span> <span class="err">+</span> <span class="err">&#34;</span> <span class="err">&#34;</span> <span class="err">+</span> <span class="na">condition</span><span class="err">.</span><span class="na">operator</span> <span class="err">+</span> <span class="err">&#34;</span> <span class="na">formula1</span><span class="o">=</span><span class="s">&#34; + condition.formula1); </span><span class="s"> } </span><span class="s"> const areas = format.getCellAreas(); </span><span class="s"> for (const area of areas) </span><span class="s"> console.log(&#34;</span> <span class="na">rows</span> <span class="err">&#34;</span> <span class="err">+</span> <span class="err">(</span><span class="na">area</span><span class="err">.</span><span class="na">startRow</span> <span class="err">+</span> <span class="na">1</span><span class="err">)</span> <span class="err">+</span> <span class="err">&#34;</span><span class="na">-</span><span class="err">&#34;</span> <span class="err">+</span> <span class="err">(</span><span class="na">area</span><span class="err">.</span><span class="na">endRow</span> <span class="err">+</span> <span class="na">1</span><span class="err">)</span> <span class="err">+</span> <span class="err">&#34;,</span> <span class="na">columns</span> <span class="err">&#34;</span> <span class="err">+</span> <span class="err">(</span><span class="na">area</span><span class="err">.</span><span class="na">startColumn</span> <span class="err">+</span> <span class="na">1</span><span class="err">)</span> <span class="err">+</span> <span class="err">&#34;</span><span class="na">-</span><span class="err">&#34;</span> <span class="err">+</span> <span class="err">(</span><span class="na">area</span><span class="err">.</span><span class="na">endColumn</span> <span class="err">+</span> <span class="na">1</span><span class="err">));</span> <span class="err">}</span> <span class="err">//</span> <span class="na">Questo</span> <span class="na">stampa:</span> <span class="err">//</span> <span class="na">Formati</span> <span class="na">condizionali:</span> <span class="na">1</span> <span class="err">//</span> <span class="na">Formato</span> <span class="na">0:</span> <span class="na">1</span> <span class="na">2</span> <span class="na">formula1</span><span class="o">=</span><span class="s">=200</span> <span class="err">(</span><span class="na">tipo</span> <span class="na">1 </span><span class="o">=</span> <span class="s">CellValue,</span> <span class="na">operatore</span> <span class="na">2 </span><span class="o">=</span> <span class="s">MaggioreDi)</span> <span class="err">//</span> <span class="na">righe</span> <span class="na">4-7</span><span class="err">,</span> <span class="na">colonne</span> <span class="na">6-6</span> <span class="err">(</span><span class="na">F4:F7</span><span class="err">,</span> <span class="na">l</span><span class="err">&#39;</span><span class="na">area</span> <span class="na">dati</span> <span class="na">risolta</span><span class="err">)</span> <span class="na">process</span><span class="err">.</span><span class="na">exit</span><span class="err">(</span><span class="na">0</span><span class="err">);</span> <span class="err">});</span> </code></pre></div><h2 id="articoli-correlati"><strong>Articoli correlati</strong></h2> <ul> <li><a href="https://docs.aspose.com/cells/cells/it/javascript-cpp/apply-style-to-pivot-table/">Applicare lo stile a una Tabella Pivot</a></li> <li><a href="https://docs.aspose.com/cells/cells/it/javascript-cpp/format-part-of-pivot-table/">Formattare una parte di una Tabella Pivot</a></li> <li><a href="https://docs.aspose.com/cells/cells/it/javascript-cpp/top-10-show-or-filter-in-pivot-table/">Top 10 visualizza o filtra nella Tabella Pivot</a></li> <li><a href="https://docs.aspose.com/cells/cells/it/javascript-cpp/filter-by-label-or-value-of-pivot-table/">Filtrare le Tabelle Pivot per etichetta o valore</a></li> </ul> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/javascript-cpp?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script>