# Turnover

<table id="bkmrk-titel-verf%C3%BCgbar-widg" style="border-collapse:collapse;width:100%;height:388.5px;"><colgroup><col style="width:26.2217%;"></col><col style="width:12.0532%;"></col><col style="width:61.8443%;"></col></colgroup> <thead> <tr style="height:29.7969px;"> <td style="height:29.7969px;">Title</td> <td style="height:29.7969px;">Widget</td> <td style="height:29.7969px;">Widget Description</td> </tr> </thead> <tbody> <tr style="height:358.703px;"> <td style="height:358.703px;">Turnover</td> <td style="height:358.703px;"><div drawio-diagram="1950"><img src="https://en.wiki.dedesales.de/uploads/images/gallery/2026-08/0D90WsAdq9j5jReG-gfdxfznpiodeofcj-drawing-9-1754647000.png" alt="GfDxFznPiodeofCJ-drawing-9-1754647000.png"/></div>

 </td> <td style="height:358.703px;">

1. Change in turnover in %
2. Change in turnover graphically
3. Switch between display variants "Month" \| "Month / Last year" \| "Year" \| "Financial year".  
    
    <span class="wpaicg-chat-message"></span>
    
    The last selected variant is saved and preselected at the next start.
4. Display of the concrete figures based on the selection from 3.
 

Available:

- Homepage dashboard
- Customer details
 

Click:

- Switches to the detail view
 

Widget colouring:

- red: turnover negative
- green: turnover positive
 

The data refers only to assigned customers.

 </td> </tr> </tbody> </table>

### General

#### Kebab menu ([![image.png](https://en.wiki.dedesales.de/uploads/images/gallery/2026-08/DSOzSi3uEaiMZWCJ-hpximage.png)](https://wiki.dedesales.de/uploads/images/gallery/2025-02/hpximage.png))


<table id="bkmrk-typ-men%C3%BCpunkt-erl%C3%A4ut" style="border-collapse:collapse;width:100%;height:257.953px;"><colgroup><col style="width:5.24434%;"></col><col style="width:31.2214%;"></col><col style="width:63.5343%;"></col></colgroup> <thead> <tr style="height:29.7969px;"> <td style="height:29.7969px;">Type</td> <td style="height:29.7969px;">Menu item</td> <td style="height:29.7969px;">Explanation</td> </tr> </thead> <tbody> <tr style="height:29.7969px;"> <td style="height:29.7969px;">![Only one active entry is possible.](https://en.wiki.dedesales.de/uploads/images/gallery/2026-08/PGlgF4qwhON8QACO-jbemwch2ontcwalv-r6pimage.png)

 </td> <td style="height:29.7969px;">Calendar year</td> <td style="height:29.7969px;">  
</td> </tr> <tr style="height:29.7969px;"> <td style="height:29.7969px;">![Only one active entry is possible.](https://en.wiki.dedesales.de/uploads/images/gallery/2026-08/PGlgF4qwhON8QACO-jbemwch2ontcwalv-r6pimage.png)</td> <td style="height:29.7969px;">Financial year</td> <td style="height:29.7969px;">only visible if Financial year &lt;&gt; Calendar year</td> </tr> <tr style="height:31.375px;"> <td style="height:31.375px;">![Only one active entry is possible.](https://en.wiki.dedesales.de/uploads/images/gallery/2026-08/PGlgF4qwhON8QACO-jbemwch2ontcwalv-r6pimage.png)

 </td> <td style="height:31.375px;">KEY DATE</td> <td style="height:31.375px;">  
</td> </tr> <tr> <td>  
</td> <td>------------------------------------    </td> <td>  
</td> </tr> <tr style="height:29.7969px;"> <td style="height:29.7969px;">  
</td> <td style="height:29.7969px;">product hierarchy</td> <td style="height:29.7969px;">  
</td> </tr> <tr style="height:35.7969px;"> <td style="height:35.7969px;"> </td> <td style="height:35.7969px;">Average of all customers</td> <td style="height:35.7969px;">requires Key account module and Key account customers</td> </tr> <tr> <td> </td> <td>------------------------------------    </td> <td>  
</td> </tr> <tr style="height:35.7969px;"> <td style="height:35.7969px;"> </td> <td style="height:35.7969px;">Export</td> <td style="height:35.7969px;">  
</td> </tr> </tbody> </table>


#### Header

<div drawio-diagram="1951"><img src="https://en.wiki.dedesales.de/uploads/images/gallery/2026-08/1e6kpxiQUT1qJHPL-qihlohacczvem9hl-drawing-9-1754648964.png" alt="qihlOHACcZVeM9Hl-drawing-9-1754648964.png"/></div>

1. The chart display can be switched between Line diagram and Bar diagram
2. The colour gradients are controlled via the backend
3. If the chart is opened and not all time periods can be displayed, the display scrolls to the left to make the current time period (e.g. month) visible. Further time periods can be made visible by scrolling
 

#### General Information

1. The total row of the table is always displayed at the bottom edge of the display
2. The scale of the Y-axis is dynamically calculated and is based on the highest value of the data to be displayed
 

### Grid

<table id="bkmrk-click-swipe-ansichte" style="height:101px;width:100%;"> <thead> <tr> <td style="width:15.8522%;">Click</td> <td style="width:53.3938%;">Swipe</td> <td style="width:30.754%;">Views</td> </tr> </thead> <tbody> <tr> <td style="width:15.8522%;"> </td> <td style="width:53.3938%;">

1. <div>By swiping you reach the document view with a preset filter.</div><div>  
    </div>
2. <div>There are 3 swipe selections</div><div>Documents &lt;Current year&gt;</div><div>Documents &lt;Last year&gt;  
    Documents &lt;Two years ago&gt;</div>
 
 </td> <td style="width:30.754%;">1\. Table

 </td> </tr> </tbody> </table>

### Filter

<div id="bkmrk-1.-im-filter-kann-de">1. In the filter, the evaluation period (start and end) can be selected.</div><div id="bkmrk-a.-der-auswertungsze" style="padding-left:40px;">a. The evaluation period can be a maximum of 1 year.</div><div id="bkmrk-2.-der-filter-gilt-f">2. The filter applies equally to chart and table.</div><div id="bkmrk-3.-automatische-ausw">3. Automatic selection of the period</div><div id="bkmrk-a.-enth%C3%A4lt-der-gew%C3%A4h" style="padding-left:40px;">a. If the selected period contains less than 32 days, the period corresponds to "Day"</div><div id="bkmrk-b.-enth%C3%A4lt-der-gew%C3%A4h" style="padding-left:40px;">b. If the selected period contains less than 93 days, the period corresponds to "Week"</div><div id="bkmrk-c.-in-allen-anderen-" style="padding-left:40px;">c. In all other cases, the period corresponds to "Month".</div>##### Tabular display

<table id="bkmrk-bezeichnung-sichtbar" style="border-collapse:collapse;width:100%;"><colgroup><col style="width:43.5042%;"></col><col style="width:56.4958%;"></col></colgroup> <thead> <tr> <td>Name</td> <td>Explanation</td> </tr> </thead> <tbody> <tr> <td>Period</td> <td> The period for which the data is filtered is displayed "Day" \| "Week" \| "Month"</td> </tr> <tr> <td><div>Year columns</div> </td> <td><div>When selecting Financial year:</div><div>

- two-digit with / separator
- Three year columns are displayed.
 
 </div><div>  
</div><div><div>In all other cases: </div><div>

- 4-digit calendar year
- Three year columns are displayed. At least as many as the individually selected evaluation period covers in years.
 
 </div> </div> </td> </tr> <tr> <td>Change columns</td> <td>% change compared to the comparison period</td> </tr> </tbody> </table>

### Chart display

<div id="bkmrk-1.-der-chart-zeigt-i">1. The chart always shows a maximum of three value lines/bars.</div><div id="bkmrk-a.-jede-linie%2Fbalken">a. Each line/bar represents a calendar or financial year.</div><div id="bkmrk-aktuelles-jahr-%3D-far" style="padding-left:40px;">Current year = colour gradients: Basic configuration \ Settings \ Client chart colour for current year</div><div id="bkmrk-1-jahr-zur%C3%BCck-%3D-farb" style="padding-left:40px;">1 year back = colour gradients: Basic configuration \ Settings \ Client chart colour for last year</div><div id="bkmrk-2-jahre-zur%C3%BCck-%3D-far" style="padding-left:40px;">2 years back = colour gradients: Basic configuration \ Settings \ Client chart colour for two years ago</div><div id="bkmrk-wird-durch-einen-ind">If an individual period requires the display of more than three years, only the newest three years are displayed.</div><div id="bkmrk--6"></div>### Product hierarchy view

<div id="bkmrk-1.-in-der-produkthie"><div>1. In the product hierarchy view, the turnover is displayed per product hierarchy level.</div><div style="padding-left:40px;">a. The column "Month" is omitted and replaced by the product hierarchy.</div><div>2. If a row is selected in the view, the chart shows the turnover of the selected product hierarchy.</div><div style="padding-left:40px;">a. The displayed turnover is determined from the selected hierarchy and the subordinate levels.</div><div style="padding-left:40px;">b. If no row is selected, the total turnover is displayed.</div><div>3. Rows behind which products are located are marked with a green bar.</div><div>4. Swipe</div><div style="padding-left:40px;">a. Products</div><div>5. Tripplepoint</div><div style="padding-left:40px;">a. Client selection</div> </div>#### Products

Lists the products located in the product hierarchy and the subordinate levels with turnover and sales quantity.

<table id="bkmrk-bezeichnung-sichtbar-1" style="height:345.141px;width:100%;"> <thead> <tr style="height:46.5938px;"> <td style="width:19.4279%;height:46.5938px;">Name</td> <td style="width:19.0703%;height:46.5938px;">Visible</td> <td style="width:8.10091%;height:46.5938px;">Sort</td> <td style="width:5.72507%;height:46.5938px;">Full Text</td> <td style="width:47.6758%;height:46.5938px;">Explanation</td> </tr> </thead> <tbody> <tr style="height:29.7969px;"> <td style="width:19.4279%;height:29.7969px;">Product</td> <td style="width:19.0703%;height:29.7969px;">VisibleOnlyLandscape</td> <td style="width:8.10091%;height:29.7969px;">  
</td> <td style="width:5.72507%;height:29.7969px;">Yes</td> <td style="width:47.6758%;height:29.7969px;">  
</td> </tr> <tr style="height:29.7969px;"> <td style="width:19.4279%;height:29.7969px;">Name</td> <td style="width:19.0703%;height:29.7969px;">Visible</td> <td style="width:8.10091%;height:29.7969px;">ASC</td> <td style="width:5.72507%;height:29.7969px;">  
</td> <td style="width:47.6758%;height:29.7969px;">  
</td> </tr> <tr style="height:29.7969px;"> <td style="width:19.4279%;height:29.7969px;">Hierarchy</td> <td style="width:19.0703%;height:29.7969px;">Hidden</td> <td style="width:8.10091%;height:29.7969px;">  
</td> <td style="width:5.72507%;height:29.7969px;">  
</td> <td style="width:47.6758%;height:29.7969px;">  
</td> </tr> <tr style="height:43.375px;"> <td style="width:19.4279%;height:43.375px;">Quantity &lt;Current year&gt;</td> <td style="width:19.0703%;height:43.375px;">VisibleOnlyLandscape</td> <td style="width:8.10091%;height:43.375px;">  
</td> <td style="width:5.72507%;height:43.375px;">  
</td> <td style="width:47.6758%;height:43.375px;">  
</td> </tr> <tr style="height:46.5938px;"> <td style="width:19.4279%;height:46.5938px;">Turnover &lt;Current year&gt;</td> <td style="width:19.0703%;height:46.5938px;">Visible</td> <td style="width:8.10091%;height:46.5938px;">  
</td> <td style="width:5.72507%;height:46.5938px;">  
</td> <td style="width:47.6758%;height:46.5938px;">  
</td> </tr> <tr style="height:29.7969px;"> <td style="width:19.4279%;height:29.7969px;">Quantity &lt;Last year&gt;</td> <td style="width:19.0703%;height:29.7969px;">VisibleOnlyLandscape</td> <td style="width:8.10091%;height:29.7969px;">  
</td> <td style="width:5.72507%;height:29.7969px;">  
</td> <td style="width:47.6758%;height:29.7969px;">  
</td> </tr> <tr style="height:29.7969px;"> <td style="width:19.4279%;height:29.7969px;">Turnover &lt;Last year&gt;</td> <td style="width:19.0703%;height:29.7969px;">Visible</td> <td style="width:8.10091%;height:29.7969px;">  
</td> <td style="width:5.72507%;height:29.7969px;">  
</td> <td style="width:47.6758%;height:29.7969px;">  
</td> </tr> <tr style="height:29.7969px;"> <td style="width:19.4279%;height:29.7969px;">Quantity &lt;Two years ago&gt;</td> <td style="width:19.0703%;height:29.7969px;">VisibleOnlyLandscape</td> <td style="width:8.10091%;height:29.7969px;">  
</td> <td style="width:5.72507%;height:29.7969px;">  
</td> <td style="width:47.6758%;height:29.7969px;">  
</td> </tr> <tr style="height:29.7969px;"> <td style="width:19.4279%;height:29.7969px;">Turnover &lt;Two years ago&gt;</td> <td style="width:19.0703%;height:29.7969px;">Visible</td> <td style="width:8.10091%;height:29.7969px;">  
</td> <td style="width:5.72507%;height:29.7969px;">  
</td> <td style="width:47.6758%;height:29.7969px;">  
</td> </tr> </tbody> </table>

### Export

When exporting, an Excel document is created. The Excel document contains on sheet 1 (Name: Chart) a screenshot of the chart, as well as the data for the evaluation period.

On sheet 2 (Name: Data) a table with the corresponding data.

<div id="bkmrk--8"></div><details id="bkmrk-faq-wie-steuere-ich-"> <summary>FAQ</summary>

 </details><details id="bkmrk-release-ab-version-1"> <summary>Release</summary>

</details>