# Total Items Chart

This shortcode is used to display the total number of **Classes, Courses, Lessons, Quizzes, Questions, Assignments and Packages** created by the **Instructor** or the **Administrator** in the PIE chart or Bar Chart.

**Chart Display Parameters**

<table data-header-hidden><thead><tr><th width="225.111083984375"></th><th></th></tr></thead><tbody><tr><td><strong>Parameter</strong></td><td><strong>Description</strong></td></tr><tr><td><code>chart-title</code></td><td>Title to be displayed on the chart.</td></tr><tr><td><code>chart-type</code></td><td><code>pie</code> or <code>bar</code> – Select the type of chart to be rendered.</td></tr><tr><td><code>set-unique-colors</code></td><td><code>true</code> or <code>false</code> – If set to <code>true</code>, allows assigning distinct colors to each data item.</td></tr></tbody></table>

***

**Color Customization (Active only if `set-unique-colors="true"`)**

<table data-header-hidden><thead><tr><th width="226.22216796875"></th><th></th></tr></thead><tbody><tr><td><strong>Color Parameter</strong></td><td><strong>Description</strong></td></tr><tr><td><code>first-color</code></td><td>Color for the first item</td></tr><tr><td><code>second-color</code></td><td>Color for the second item</td></tr><tr><td><code>third-color</code></td><td>Color for the third item</td></tr><tr><td><code>fourth-color</code></td><td>Color for the fourth item</td></tr><tr><td><code>fifth-color</code></td><td>Color for the fifth item</td></tr><tr><td><code>sixth-color</code></td><td>Color for the sixth item</td></tr><tr><td><code>seventh-color</code></td><td>Color for the seventh item</td></tr></tbody></table>

***

**Additional Options**

<table data-header-hidden><thead><tr><th width="231.7777099609375"></th><th></th></tr></thead><tbody><tr><td><strong>Parameter</strong></td><td><strong>Description</strong></td></tr><tr><td><code>content-type</code></td><td><code>all-items</code> or <code>individual-items</code> – If used by an admin, shows total items globally or only the items created by the logged-in admin.</td></tr><tr><td><code>class</code></td><td>Optional. Add custom class name for additional CSS styling.</td></tr></tbody></table>

<figure><img src="https://content.gitbook.com/content/FWDykheMbBOzsPpHi9FR/blobs/syR5OR52kDEtRycN4HfL/chart_shortcode.png" alt=""><figcaption></figcaption></figure>

```
[dtlms_total_items_chart chart-title="Total Items" chart-type="bar" set-unique-colors="true" content-type="individual-items"  first-color="#eeee22" second-color="#dd3333" third-color="#dd9933" fourth-color="#1e73be" fifth-color="#8224e3" sixth-color="#7a243c" seventh-color="#51890d" class="custom-class"]
```