# 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="https://3317070279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F21lWxRGfp98mDu2HVXvf%2Fuploads%2FABLjCmo66imSzRJlDyPh%2Fimage.png?alt=media&#x26;token=d7626d59-c6be-4ba2-88d4-8bf5c6d86541" alt=""><figcaption></figcaption></figure>