https://docs.aspose.com/cells/sv/javascript-cpp/apply-style-to-pivot-table/ Recent content in Tillämpa stilar på pivottabeller i Aspose.Cells for JavaScript via C++ on Documentation Hugo -- gohugo.io sv https://docs.aspose.com/cells/sv/javascript-cpp/format-part-of-pivot-table/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/sv/javascript-cpp/format-part-of-pivot-table/ <h2 id="möjliga-användningsscenarier"><strong>Möjliga användningsscenarier</strong></h2> <p><code>PivotTable.FormatAll</code> tillämpar en enda stil på hela pivottabellen och behandlas på föräldrasidan. Den gör ingen skillnad mellan etiketter, värden, totaler eller specifika områden i rapporten.<br> I praktiken behöver vanligtvis bara en del av en pivottabell framhävas. Vanliga mål inkluderar etiketterna som tillhör ett radfält, värdecellerna som produceras av ett fält, totalraden eller en godtycklig rektangel såsom de två första radposterna.<br> Att tillämpa en stil direkt på kalkylbladscellerna i en pivottabell är inte detsamma. Excel lagrar pivottabellformatering som semantiska <code>PivotArea</code>‑regioner snarare än vanliga cell‑stilsregister. En pivot‑area‑format förblir knutet till en region såsom ett fälts etiketter eller datavärden, och den återupplöses när pivottabellen beräknas om, uppdateras eller expanderas. En stil som skrivs direkt till en cell tillhör däremot den cellens position och spåras inte av pivot‑modellen.<br> Aspose.Cells exponerar den kompletta <code>PivotTable.Format</code>‑överlagringsfamiljen så att båda typerna av formatering är tillgängliga:</p> <ul> <li><code>Format(PivotArea, Style)</code> förankrar en stil till en semantisk region som byggs med <code>PivotArea.Select</code> eller <code>PivotArea.SelectField</code>.</li> <li><code>Format(CellArea, Style)</code> förankrar en stil till en kalkylbladsrektangel inom pivottabellen.</li> <li><code>Format(int row, int column, Style)</code> riktar sig mot en cell.</li> <li><code>FormatAll(Style)</code> formaterar hela pivottabellen.</li> </ul> <h2 id="formatera-ett-pivotområde"><strong>Formatera ett pivot‑område</strong></h2> <p>Arbetssättet med semantiskt område är den rekommenderade metoden när en markering måste följa ett fält eller en region i rapporten.</p> <ol> <li>Skapa ett <code>PivotArea</code> med <code>new PivotArea(pivotTable)</code>. Objektet beskriver en semantisk region som tillhör just den pivottabellen.</li> <li>Välj ett fält enligt dess nollbaserade position på en given axel med <code>PivotArea.Select(PivotFieldType axisType, int fieldPosition, PivotTableSelectionType selectionType)</code>. <ul> <li><code>PivotTableSelectionType.DataAndLabel</code> väljer både fältets etiketter och dess data.</li> <li><code>PivotTableSelectionType.LabelOnly</code> väljer endast fältets etiketter.</li> <li><code>PivotTableSelectionType.DataOnly</code> väljer endast fältets dataceller.</li> </ul> </li> <li>Välj ett fält med namn med <code>PivotArea.SelectField(PivotFieldType axisType, string fieldName)</code>. När ett radfält väljs per namn löser regionen upp till värdecellerna som produceras av fältets objekt.</li> <li>Skapa en <code>Style</code> med <code>Workbook.CreateStyle()</code>, konfigurera dess typsnitt, förgrundsfärg och solid bakgrundsmönster, och skicka stilen till <code>PivotTable.Format(area, style)</code>.</li> <li>Varje anrop av <code>PivotArea</code>‑överlagringen lägger till en <code>PivotTableFormat</code>‑post i <code>PivotTable.PivotFormats</code>.</li> <li>Fältförankrade format målas när pivottdata beräknas. Därför bör du anropa <code>PivotTable.CalculateData()</code> efter att formaten har tillämpats så att stilarna blir synliga.<br> Följande exempel bygger en liten pivottabell för fruktförsäljning, formaterar <code>Fruit</code>‑radetiketterna med <code>PivotArea.Select</code> och <code>PivotTableSelectionType.LabelOnly</code>, formaterar värdecellerna som produceras av samma radfält med <code>PivotArea.SelectField</code>, och beräknar sedan pivottabellen på nytt så att båda stilarna målas.</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="formatera-ett-cellområde-i-pivottabellen"><strong>Formatera ett cellområde i pivottabellen</strong></h2> <p>Använd <code>PivotTable.Format(CellArea, Style)</code> när det intressanta området är en vanlig kalkylbladsrektangel snarare än ett semantiskt pivot‑område.<br> Ett <code>CellArea</code> beskrivs av fälten <code>startRow</code>, <code>startColumn</code>, <code>endRow</code> och <code>endColumn</code>. Värdena är nollbaserade kalkylbladskoordinater, och slutkoordinaterna identifierar den sista raden och kolumnen som ingår i rektangeln, så området omfattar cellerna från startpositionen till slutpositionen inklusive.<br> Till skillnad från ett fältförankrat format appliceras ett <code>CellArea</code>‑format på cellerna omedelbart. Ett ytterligare anrop av <code>CalculateData()</code> behövs inte för att stilen ska visas.<br> En <code>CellArea</code>‑rektangel kan innehålla både etikettceller och värdeceller tillsammans. Nästa avsnitt beskriver hur Aspose.Cells och Excel representerar den rektangeln internt.<br> Följande exempel formaterar rektangeln <code>E4:F5</code> i pivottabellen med en kursiv, ljusblå stil och sparar arbetsboken utan någon ytterligare omräkning.</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="hur-pivotområden-och-cellområden-mappar"><strong>Hur pivot‑områden och cellområden mappar</strong></h2> <p>Excel lagrar pivottabellformatering som <code>pivotArea</code>‑poster snarare än som vanliga kalkylblads‑cell‑stilsregister. Samma modell används av Aspose.Cells, så en formateringsbegäran översätts till pivot‑områden när den registreras.<br> Relationen mellan det <code>CellArea</code> som användaren anger och de pivot‑områden som lagras internt är många‑till‑många i båda riktningarna.</p> <ul> <li>Ett <code>CellArea</code> kan producera flera pivot‑områden. Om rektangeln sträcker sig både över etikettceller och värdeceller delas den upp i separata etikett‑ och dataregel, eftersom pivot‑modellen behandlar etikettformatering och dataformatering oberoende.</li> <li>Ett pivot‑område kan lösa upp till flera separata <code>CellArea</code>‑instanser. En semantisk region såsom en totalrad, eller ett fält vars objekt inte är sammanhängande, kan omfatta flera rektanglar. Detta är anledningen till att <code>PivotArea.GetCellAreas()</code> returnerar en samling istället för en enskild rektangel.<br> Varje formateringsoperation som utförs via <code>PivotTable.Format</code> registreras i <code>PivotTable.PivotFormats</code>. Varje <code>PivotTableFormat</code>‑post visar den associerade <code>PivotArea</code> samt den <code>Style</code> som appliceras på den. <code>PivotArea</code>‑överlagringen lägger till exakt en post per anrop, medan ett <code>CellArea</code> som innehåller olika semantiska regioner kan lägga till flera poster.<br> För att särskilja de lagrade regionerna visar varje <code>PivotArea</code> flaggorna <code>OnlyLabel</code> och <code>OnlyData</code>. Exemplet nedan formaterar en enda rektangel som omfattar både etiketter och värden, inspekterar <code>PivotTable.PivotFormats</code> och skriver ut <code>CellArea</code>‑koordinaterna som varje lagrat pivot‑område löser upp till.</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"> Eftersom formaten lagras som pivot‑områden snarare än som vanliga cellstilar överlever de omräkningar och uppdateringar. När pivottabellen uppdateras med <code>PivotTable.RefreshData</code>, beräknas på nytt med <code>CalculateData</code>, eller sparas och laddas om, löser varje lagrat pivot‑område upp till den aktuella positionen för sin region och dess stil appliceras på nytt. </div> <p>Använd ett <code>PivotArea</code> byggt med <code>Select</code> eller <code>SelectField</code> när en markering måste förbli knuten till ett fält eller en semantisk region över uppdateringar, och använd ett <code>CellArea</code> när formatering av en fast rektangel i den aktuella pivottabells layout är tillräcklig. Den enskilda cell‑överlagringen <code>Format(int row, int column, Style)</code> riktar sig mot en individuell cell. Använd <code>FormatAll</code>, som behandlas på föräldrasidan, när hela pivottabellen ska omformateras på en gång.</p> <h2 id="relaterade-artiklar"><strong>Relaterade artiklar</strong></h2> <ul> <li><a href="https://docs.aspose.com/cells/cells/sv/javascript-cpp/apply-style-to-pivot-table/">Applicera stil på pivottabell</a></li> <li><a href="https://docs.aspose.com/cells/cells/sv/javascript-cpp/pivot-table-add-row-and-column-fields/">Lägga till rad- och kolumnfält i pivottabell</a></li> <li><a href="https://docs.aspose.com/cells/cells/sv/javascript-cpp/manage-value-fields/">Hantera värdefält i pivottabell</a></li> <li><a href="https://docs.aspose.com/cells/cells/sv/javascript-cpp/refresh-pivot-table/">Uppdatera pivottabell</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/sv/javascript-cpp/add-conditional-formatting-to-pivot-table/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/sv/javascript-cpp/add-conditional-formatting-to-pivot-table/ <h2 id="möjliga-användningsscenarier"><strong>Möjliga användningsscenarier</strong></h2> <p>Stilarna som beskrivs på föräldrasidan och på syskonsidan är statiska – ett <code>PivotArea</code>- eller <code>CellArea</code>‑område målas en gång och behåller sin stil oavsett vilka värden som finns. Villkorsstyrd formatering är den regelbaserade motsvarigheten – markera varje belopp över 200, skugga de mittersta femtio procenten, eller flagga de lägst rankade objekten – och markeringen följer värdena när pivottabellen beräknas om eller uppdateras. I Aspose.Cells, pivottabellens villkorsstyrda formatering finns i samlingen <code>pivotTable.conditionalFormats</code>. Varje post är ett <code>PivotConditionalFormat</code> som besvarar två frågor oberoende:</p> <ul> <li><strong>Var tillämpas regeln?</strong> Målnområdet definieras antingen via <code>applyTo(row, column, scope)</code>, som speglar Excel‑gränssnittets omfångsväljare, eller via <code>addCellArea(cellArea)</code> och samlingen <code>pivotAreas</code>, som namnger området explicit.</li> <li><strong>Vad testar regeln?</strong> En eller flera villkor läggs till i <code>formatConditions</code> med <code>addCondition(type, operatorType, formula1, formula2)</code>, och varje villkor har sin egen <code>style</code>.</li> </ul> <div class="alert alert-primary" role="alert"> Anropa inte <code>formatConditions.add(cellArea, type, operatorType, formula1, formula2)</code> eller <code>formatConditions.addArea(cellArea)</code> på <code>formatConditions</code>‑objektet för ett pivottabell‑villkorsformat. Dessa två överlagringar är ärvda från det vanliga kalkylblads‑API:et för villkorsstyrd formatering och fungerar inte för pivottabeller – cellområdet konverteras aldrig till ett pivot‑område, så begäran ignoreras tyst. Definiera alltid området på själva <code>PivotConditionalFormat</code> (<code>applyTo</code>, <code>addCellArea</code> eller <code>pivotAreas</code>) och lägg till regeln med någon av <code>addCondition</code>‑överlagringarna. </div> <h2 id="använd-en-regel-med-ett-omfång-excelgränssnittet"><strong>Använd en regel med ett omfång (Excel‑gränssnittet)</strong></h2> <p>Det första sättet placerar regeln på samma sätt som Excel‑gränssnittet. En cell i pivottabellen namnges av sina nollbaserade kalkylbladskoordinater, och ett <code>PivotConditionFormatScopeType</code>‑omfång talar om för Aspose.Cells hur långt regeln ska sträcka sig från den cellen:</p> <ul> <li><code>PivotConditionFormatScopeType.Data</code> – alla värdeceller som pivottabellen genererar, inklusive totaler.</li> <li><code>PivotConditionFormatScopeType.Field</code> – värdecellerna som tillhör det fält som cellen identifierar, exklusive totaler. Cellen måste vara en fältcell, t.ex. en rad‑fält‑etikett; att skicka en värdecell resulterar i ett undantag.</li> <li><code>PivotConditionFormatScopeType.Selection</code> – endast de värdeceller som ligger i den skärningspunkt som cellen väljer, vanligtvis en enda värdecell. Exemplet nedan bygger en pivottabell för fruktförsäljning med övre vänstra hörnet i E3, förankrar en villkorsstyrd formatering i cell F4 (rad 3, kolumn 5) med <code>Data</code>‑omfånget, och markerar varje belopp över 200 med fet vit text på röd bakgrund. Med värdena Apple 220, Banana 330, Cherry 200 och totalen 750, målar regeln F4, F5 och F7 – det lösta området är hela datakolumnen F4:F7, och endast de celler vars värde uppfyller regeln lyser upp.</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">Pivot-tabell</span> <span class="na">med</span> <span class="na">dess</span> <span class="na">övre</span> <span class="na">vänstra</span> <span class="na">hörn</span> <span class="na">vid</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">Fäst</span> <span class="na">det</span> <span class="na">villkorsstyrda</span> <span class="na">formatet</span> <span class="na">på</span> <span class="na">F4</span> <span class="err">(</span><span class="na">rad</span> <span class="na">3</span><span class="err">,</span> <span class="na">kolumn</span> <span class="na">5</span><span class="err">)</span> <span class="na">med</span> <span class="na">Data-omfång</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">Regel</span> <span class="na">-</span> <span class="na">markera</span> <span class="na">belopp</span> <span class="na">större</span> <span class="na">än</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">returnerar</span> <span class="na">filen</span> <span class="na">som</span> <span class="na">bytes</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>Att förankra samma regel på rad‑fält‑etiketten E4 (rad 3, kolumn 4) med <code>Field</code>‑omfånget löser till F4:F6 istället – samma datakolumn utan totalraden – eftersom omfånget nu beskriver <code>Fruit</code>‑fältet snarare än hela värdeområdet. <code>Selection</code>‑omfånget som förankras i F4 löser till endast F4.</p> <h2 id="definiera-området-manuellt"><strong>Definiera området manuellt</strong></h2> <p>Det andra sättet hoppar över omfångsväljaren och namnger området explicit på <code>PivotConditionalFormat</code>.</p> <h3 id="ett-kalkylbladsrektangel-med-addcellarea"><strong>Ett kalkylbladsrektangel med addCellArea</strong></h3> <p><code>addCellArea(cellArea)</code> registrerar den angivna rektangeln som regelns mål. Koordinaterna är nollbaserade kalkylbladskoordinater, och området är exakt den levererade rektangeln – ingen utökning till datakolumnen och ingen total‑logik. Använd den när de intressanta cellerna är en känd fast rektangel i den aktuella pivottabells‑layouten.</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">Måltavlan</span> <span class="na">är</span> <span class="na">rektangeln</span> <span class="na">F4:F6</span> <span class="err">(</span><span class="na">värdecellerna</span> <span class="na">utan</span> <span class="na">totalen</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">Regel</span> <span class="na">-</span> <span class="na">kursiv</span> <span class="na">i</span> <span class="na">ljusgul</span> <span class="na">för</span> <span class="na">belopp</span> <span class="na">mellan</span> <span class="na">150</span> <span class="na">och</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="ett-semantiskt-pivotområde-med-pivotareas"><strong>Ett semantiskt pivotområde med pivotAreas</strong></h3> <p><code>pivotAreas</code> är samma semantiska regionsmodell som syskonsidan använder för statiska stilar. Bygg en <code>PivotArea</code>, välj ett fält eller område med <code>select</code> eller <code>selectField</code>, och lägg till det med <code>pivotAreas.addPivotArea(pivotArea)</code>. Ett semantiskt område förblir knutet till sitt fält, så den villkorsstyrda formateringen följer fältet när pivottabellen uppdateras och layouten förändras. <code>pivotAreas.add(pivotArea)</code>‑överlagringen fungerar fortfarande men är markerad som föråldrad – föredra <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">Fäst</span> <span class="na">regeln</span> <span class="na">till</span> <span class="na">Amount-datat</span> <span class="na">fältet</span> <span class="na">som</span> <span class="na">ett</span> <span class="na">semantiskt</span> <span class="na">område</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">Regel</span> <span class="na">-</span> <span class="na">grå</span> <span class="na">text</span> <span class="na">för</span> <span class="na">belopp</span> <span class="na">under</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="var-reglerna-lagras-och-hur-de-överlever-en-omläsning"><strong>Var reglerna lagras och hur de överlever en omläsning</strong></h2> <p>Varje anrop av <code>conditionalFormats.add()</code> lägger till ett <code>PivotConditionalFormat</code> i pivottabellen. Villkoren, deras formler och deras stilar sparas med arbetsboken – att öppna filen som sparades av det första exemplet i Node visar samma regel med sin typ, operator och formel intakta, och <code>getCellAreas()</code> rapporterar samma område. På den här plattformen visas <code>type</code>‑ och <code>operator</code>‑egenskaperna för ett villkor som numeriska enum‑värden. Poster som aldrig fick ett villkor tas bort när arbetsboken sparas, på samma sätt som Excel förkastar en villkorsstyrd formatering utan regel.</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; { // Ladda om filen som skrevs av det första exemplet 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">Det</span> <span class="na">här</span> <span class="na">skriver</span> <span class="na">ut:</span> <span class="err">//</span> <span class="na">Villkorliga</span> <span class="na">format:</span> <span class="na">1</span> <span class="err">//</span> <span class="na">Format</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">typ</span> <span class="na">1 </span><span class="o">=</span> <span class="s">CellValue,</span> <span class="na">operator</span> <span class="na">2 </span><span class="o">=</span> <span class="s">Större</span> <span class="na">än</span><span class="err">)</span> <span class="err">//</span> <span class="na">rader</span> <span class="na">4-7</span><span class="err">,</span> <span class="na">kolumner</span> <span class="na">6-6</span> <span class="err">(</span><span class="na">F4:F7</span><span class="err">,</span> <span class="na">det</span> <span class="na">lösta</span> <span class="na">dataintervallet</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="relaterade-artiklar"><strong>Relaterade artiklar</strong></h2> <ul> <li><a href="https://docs.aspose.com/cells/cells/sv/javascript-cpp/apply-style-to-pivot-table/">Applicera stil på pivottabell</a></li> <li><a href="https://docs.aspose.com/cells/cells/sv/javascript-cpp/format-part-of-pivot-table/">Formatera del av en pivottabell</a></li> <li><a href="https://docs.aspose.com/cells/cells/sv/javascript-cpp/top-10-show-or-filter-in-pivot-table/">Topp 10 Visa eller filtrera i pivottabell</a></li> <li><a href="https://docs.aspose.com/cells/cells/sv/javascript-cpp/filter-by-label-or-value-of-pivot-table/">Filtrera pivottabeller efter etikett eller värde</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>