> For the complete documentation index, see [llms.txt](https://docs.lineverge.com/automail/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.lineverge.com/automail/configurations/ui-configuration/site/panels/amcharts.md).

# Amcharts

Below is an example configuration of a panel using the **Amcharts** module:

```python
{
    "title": "Supplier Screening Status",
    "width": 12,
    "height": 500,
    "full_row": True,
    "type": "StackedColumnPercentageSeriesVertical",
    "url_name": "frame_amcharts",
    "url_action_name": "chart_supplierscreening",
    "name": "chart_supplierscreening",
    "content": {
        "view": custom_views.AmchartsAPIStackedColumnPercentageSeriesChartTier,
        "view_params": {
            "model": custom_models.SupplierScreening,
            "decimal_rounding": 0,
            "group_by": [
                "tier",
                "casestatus__name",
            ],
            "order_by": "tier",
            "amcharts_categoryX": "tier",
            "amcharts_valueY": "casestatus__name",
            "aggregations": [
                {
                    "function": "Count",
                    "value": "id",
                },
            ],
        },
    },
},
```

The view\_params are:

* **model:** the model this table is based on
* **decimal\_rounding** controls the precision of numerical data display.
* **group\_by** and **order\_by** determine how the data is organized.
* **amcharts\_categoryX** and a**mcharts\_valueY** map data fields to chart axes.
* **aggregations** specify how to summarize the data (e.g., counting records).

<figure><img src="/files/wJtzTDd4G4JdVKEUYMo1" alt=""><figcaption></figcaption></figure>