> For the complete documentation index, see [llms.txt](https://docs.powerpointgeneratorapi.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.powerpointgeneratorapi.com/examples/chart/chart-styling.md).

# Chart styling

1. Specify the chart title under `title` if necessary.
2. Under `settings`, you can:
   1. Insert chart legend related settings (see [Adjust chart legend](/examples/chart/adjust-chart-legend.md) section).
   2. Configure chart legend options such as **`chartShowLegend`**, **`chartLegendPosition`**, **`chartLegendFontColor`**, and **`isChartLegendBold`**.
   3. Define the desired chart title using **`title`**.
   4. Set the font and size with **`chartFont`** and **`chartFontSize`**
   5. Optionally, adjust the data label color using **`chartDataLabelColor`** (e.g., `"Red"`, `"Black"`, `"Green"` color names only).

Reference: [chart](/json-template-syntax/shapes/chart.md)

Download: [input.zip](https://drive.google.com/uc?export=download\&id=1-5Hrk14ysqqqAfjdKhVTyuhQhWX5Vgrx) | [output.pptx](https://drive.google.com/uc?export=download\&id=1omjFFDnN_diClmoaMy5udwXvQ8vL-anf)

{% columns %}
{% column width="41.66666666666667%" %}

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

***

<figure><img src="/files/WRtrrdYhZJcsa73I3rFq" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column width="58.33333333333333%" %}
{% code lineNumbers="true" %}

```json
{
  "presentation": {
    "template": "template.pptx",
    "slides": [
      {
        "slide_index": 0,
        "shapes": [
          {
            "name": "Chart 1",
            "settings": {
              "chartShowLegend": true,
              "chartLegendPosition": "Bottom",
              "chartLegendFontColor": "255,0,0",
              "isChartLegendBold": true,
              "title": "Average Annual Precipitations",
              "chartFont": "Trebuchet MS",
              "chartFontSize": 20,
              "chartDataLabelColor": "Red"
            }
          }
        ]
      }
    ]
  }
}
```

{% endcode %}
{% endcolumn %}
{% endcolumns %}