iofficeai--officecli/examples/ppt/charts/charts-area.md

Area Charts Showcase

This demo consists of three files that work together:

• charts-area.py — Python script that calls officecli commands to generate the deck.
• charts-area.pptx — The generated 8-slide deck (4 charts per slide, 32 charts total).
• charts-area.md — This file. Maps each slide to the features it demonstrates.

Regenerate

cd examples/ppt/charts
python3 charts-area.py
# → charts-area.pptx

Chart Slides

Slide 1 — Variants

officecli add charts-area.pptx /slide[1] --type chart \
  --prop chartType=area --prop title="area" --prop legend=bottom \
  --prop categories="Mon,Tue,Wed,Thu,Fri" \
  --prop data="Web:50,60,70,65,80;Mobile:30,35,42,48,55" \
  --prop x=0.3in --prop y=1.05in --prop width=6.1in --prop height=3in

officecli add charts-area.pptx /slide[1] --type chart \
  --prop chartType=stackedArea --prop title="stackedArea" --prop legend=bottom \
  --prop categories="Mon,Tue,Wed,Thu,Fri" \
  --prop data="Web:50,60,70,65,80;Mobile:30,35,42,48,55" \
  --prop x=6.95in --prop y=1.05in --prop width=6.1in --prop height=3in

officecli add charts-area.pptx /slide[1] --type chart \
  --prop chartType=percentStackedArea --prop title="percentStackedArea" \
  --prop legend=bottom \
  --prop categories="Mon,Tue,Wed,Thu,Fri" \
  --prop data="Web:50,60,70,65,80;Mobile:30,35,42,48,55" \
  --prop x=0.3in --prop y=4.25in --prop width=6.1in --prop height=3in

officecli add charts-area.pptx /slide[1] --type chart \
  --prop chartType=area3d --prop title="area3d" --prop view3d="15,20,30" \
  --prop legend=bottom \
  --prop categories="Mon,Tue,Wed,Thu,Fri" \
  --prop data="Web:50,60,70,65,80;Mobile:30,35,42,48,55" \
  --prop x=6.95in --prop y=4.25in --prop width=6.1in --prop height=3in

Features: chartType (area/stackedArea/percentStackedArea/area3d), view3d

Slide 2 — Title and Legend

officecli add charts-area.pptx /slide[2] --type chart \
  --prop chartType=area --prop title="Styled title" \
  --prop title.font=Georgia --prop title.size=20 \
  --prop title.color=4472C4 --prop title.bold=true \
  --prop legend=bottom \
  --prop categories="Mon,Tue,Wed,Thu,Fri" \
  --prop data="Web:50,60,70,65,80;Mobile:30,35,42,48,55"

officecli add charts-area.pptx /slide[2] --type chart \
  --prop chartType=area --prop title="legend=top + legendFont" \
  --prop legend=top --prop legendFont="10:333333:Calibri" \
  --prop categories="Mon,Tue,Wed,Thu,Fri" \
  --prop data="Web:50,60,70,65,80;Mobile:30,35,42,48,55"

officecli add charts-area.pptx /slide[2] --type chart \
  --prop chartType=area --prop title="legend.overlay=true" \
  --prop legend=topRight --prop legend.overlay=true \
  --prop categories="Mon,Tue,Wed,Thu,Fri" \
  --prop data="Web:50,60,70,65,80;Mobile:30,35,42,48,55"

officecli add charts-area.pptx /slide[2] --type chart \
  --prop chartType=area --prop autotitledeleted=true --prop legend=none \
  --prop categories="Mon,Tue,Wed,Thu,Fri" \
  --prop data="Web:50,60,70,65,80;Mobile:30,35,42,48,55"

Features: title.font/size/color/bold, legend positions, legendFont, legend.overlay, autotitledeleted

Slide 3 — Data Labels

officecli add charts-area.pptx /slide[3] --type chart \
  --prop chartType=area --prop title="dataLabels=value" \
  --prop dataLabels=value --prop labelfont="10:333333:Calibri" --prop legend=none \
  --prop categories="Mon,Tue,Wed,Thu,Fri" --prop data="A:50,60,70,65,80"

officecli add charts-area.pptx /slide[3] --type chart \
  --prop chartType=stackedArea --prop title="stacked + center labels" \
  --prop dataLabels=value --prop labelPos=center --prop legend=bottom \
  --prop categories="Mon,Tue,Wed,Thu,Fri" \
  --prop data="Web:50,60,70,65,80;Mobile:30,35,42,48,55"

officecli add charts-area.pptx /slide[3] --type chart \
  --prop chartType=area --prop title="value,category" \
  --prop dataLabels="value,category" --prop labelfont="9:333333:Calibri" \
  --prop legend=none \
  --prop categories="Mon,Tue,Wed,Thu,Fri" --prop data="A:50,60,70,65,80"

officecli add charts-area.pptx /slide[3] --type chart \
  --prop chartType=area --prop title="dataLabels=none" \
  --prop dataLabels=none --prop legend=none \
  --prop categories="Mon,Tue,Wed,Thu,Fri" --prop data="A:50,60,70,65,80"

Features: dataLabels (value/category/none or combined), labelPos (center), labelfont

Slide 4 — Axes

officecli add charts-area.pptx /slide[4] --type chart \
  --prop chartType=area --prop title="min/max + titles" --prop legend=none \
  --prop axismin=0 --prop axismax=100 --prop majorunit=25 \
  --prop axistitle="Value" --prop cattitle="Day" \
  --prop axisfont="10:333333:Calibri" --prop axisline="666666:1" \
  --prop axisnumfmt="#,##0" \
  --prop categories="Mon,Tue,Wed,Thu,Fri" --prop data="A:50,60,70,65,80"

officecli add charts-area.pptx /slide[4] --type chart \
  --prop chartType=area --prop title="gridlines + ticks" --prop legend=none \
  --prop gridlines="E0E0E0:0.3" --prop minorGridlines="F0F0F0:0.25" \
  --prop majorTickMark=out --prop minorTickMark=in --prop tickLabelPos=nextTo \
  --prop categories="Mon,Tue,Wed,Thu,Fri" --prop data="A:50,60,70,65,80"

officecli add charts-area.pptx /slide[4] --type chart \
  --prop chartType=area --prop title="labelrotation=-30" --prop legend=none \
  --prop labelrotation=-30 \
  --prop categories="January,February,March,April,May,June" \
  --prop data="A:60,90,140,180,160,210"

officecli add charts-area.pptx /slide[4] --type chart \
  --prop chartType=area --prop title="dispunits=thousands" --prop legend=none \
  --prop dispunits=thousands \
  --prop categories="Mon,Tue,Wed,Thu,Fri" \
  --prop data="Rev:120000,135000,148000,162000,180000"

Features: axismin/max, majorunit, axistitle/cattitle, axisfont/axisline/axisnumfmt, gridlines/minorGridlines, majorTickMark/minorTickMark/tickLabelPos, labelrotation, dispunits

Slide 5 — Series Styling

officecli add charts-area.pptx /slide[5] --type chart \
  --prop chartType=area --prop title="colors + seriesoutline" --prop legend=bottom \
  --prop colors="4472C4,ED7D31" --prop seriesoutline="000000:0.5" \
  --prop categories="Mon,Tue,Wed,Thu,Fri" \
  --prop data="Web:50,60,70,65,80;Mobile:30,35,42,48,55"

officecli add charts-area.pptx /slide[5] --type chart \
  --prop chartType=area --prop title="gradient + seriesshadow" --prop legend=none \
  --prop gradient="FF6600-FFCC00:90" --prop seriesshadow="000000-5-45-3-50" \
  --prop categories="Mon,Tue,Wed,Thu,Fri" --prop data="A:50,60,70,65,80"

officecli add charts-area.pptx /slide[5] --type chart \
  --prop chartType=area --prop title="per-series gradients + transparency=30" \
  --prop gradients="FF0000-0000FF;00FF00-FFFF00" --prop transparency=30 \
  --prop legend=bottom \
  --prop categories="Mon,Tue,Wed,Thu,Fri" \
  --prop data="Web:50,60,70,65,80;Mobile:30,35,42,48,55"

officecli add charts-area.pptx /slide[5] --type chart \
  --prop chartType=area --prop title="single + transparency=50" \
  --prop transparency=50 --prop colors="4472C4" --prop legend=none \
  --prop categories="Mon,Tue,Wed,Thu,Fri" --prop data="A:50,60,70,65,80"

Features: colors, seriesoutline, gradient, seriesshadow, gradients, transparency

Slide 6 — Overlays

officecli add charts-area.pptx /slide[6] --type chart \
  --prop chartType=area --prop title="referenceline=60" --prop legend=none \
  --prop referenceline="60:FF0000:Target" \
  --prop categories="Mon,Tue,Wed,Thu,Fri" --prop data="A:50,60,70,65,80"

officecli add charts-area.pptx /slide[6] --type chart \
  --prop chartType=area --prop title="errbars=percentage:10" --prop legend=none \
  --prop errbars="percentage:10" \
  --prop categories="Mon,Tue,Wed,Thu,Fri" --prop data="A:50,60,70,65,80"

officecli add charts-area.pptx /slide[6] --type chart \
  --prop chartType=area --prop title="trendline=linear" --prop legend=none \
  --prop trendline=linear \
  --prop categories="Mon,Tue,Wed,Thu,Fri" --prop data="A:50,60,70,65,80"

officecli add charts-area.pptx /slide[6] --type chart \
  --prop chartType=area --prop title="trendline=movingAvg:3" --prop legend=none \
  --prop trendline="movingAvg:3" \
  --prop categories="Mon,Tue,Wed,Thu,Fri" --prop data="A:50,60,70,65,80"

Features: referenceline, errbars, trendline (linear/poly/exp/log/power/movingAvg)

Slide 7 — Backgrounds

officecli add charts-area.pptx /slide[7] --type chart \
  --prop chartType=area --prop title="chartareafill + plotFill + borders" \
  --prop legend=bottom \
  --prop chartareafill=FFF8E7 --prop plotFill=FAFAFA \
  --prop chartborder="000000:1" --prop plotborder="CCCCCC:0.5" \
  --prop categories="Mon,Tue,Wed,Thu,Fri" \
  --prop data="Web:50,60,70,65,80;Mobile:30,35,42,48,55"

officecli add charts-area.pptx /slide[7] --type chart \
  --prop chartType=area --prop title="roundedcorners=true" \
  --prop roundedcorners=true --prop chartborder="4472C4:2" --prop legend=bottom \
  --prop categories="Mon,Tue,Wed,Thu,Fri" \
  --prop data="Web:50,60,70,65,80;Mobile:30,35,42,48,55"

officecli add charts-area.pptx /slide[7] --type chart \
  --prop chartType=area --prop title="plotFill=none" \
  --prop plotFill=none --prop gridlines=none --prop legend=none \
  --prop categories="Mon,Tue,Wed,Thu,Fri" --prop data="A:50,60,70,65,80"

officecli add charts-area.pptx /slide[7] --type chart \
  --prop chartType=area --prop title="dataTable=true" \
  --prop dataTable=true --prop legend=bottom \
  --prop categories="Mon,Tue,Wed,Thu,Fri" \
  --prop data="Web:50,60,70,65,80;Mobile:30,35,42,48,55"

Features: chartareafill, plotFill, chartborder, plotborder, roundedcorners, gridlines=none, dataTable

Slide 8 — Presets and Per-Series Control

for p in minimal dark corporate; do
  officecli add charts-area.pptx /slide[8] --type chart \
    --prop chartType=area --prop preset=$p --prop title="preset=$p" \
    --prop legend=bottom --prop categories="Mon,Tue,Wed,Thu,Fri" \
    --prop data="Web:50,60,70,65,80;Mobile:30,35,42,48,55"
done

officecli add charts-area.pptx /slide[8] --type chart \
  --prop chartType=area --prop title="seriesN.* + chart-series Set" \
  --prop legend=bottom --prop categories="Mon,Tue,Wed,Thu,Fri" \
  --prop series1.name="Web" --prop series1.values="50,60,70,65,80" \
  --prop series1.color=4472C4 \
  --prop series2.name="Mobile" --prop series2.values="30,35,42,48,55" \
  --prop series2.color=ED7D31

officecli set charts-area.pptx "/slide[8]/chart[4]/series[1]" \
  --prop name="Renamed Web" --prop color=C00000

Features: preset, series1.name/values/color, chart-series Set

Complete Feature Coverage

Feature	Slide
Chart types: area, stackedArea, percentStackedArea, area3d	1
view3d	1
title.font/size/color/bold	2
legend positions, legendFont, legend.overlay	2
autotitledeleted	2
dataLabels: value/category/none + combined	3
labelPos (center)	3
labelfont	3
axismin/max, majorunit, axistitle/cattitle	4
axisfont, axisline, axisnumfmt	4
gridlines, minorGridlines, tickmarks	4
labelrotation, dispunits	4
colors, seriesoutline, gradient, seriesshadow	5
gradients (per-series), transparency	5
referenceline, errbars	6
trendline (linear/movingAvg)	6
chartareafill, plotFill, chartborder, plotborder	7
roundedcorners, gridlines=none, dataTable	7
preset, seriesN.*, chart-series Set	8

Inspect the Generated File

officecli query charts-area.pptx chart
officecli get charts-area.pptx "/slide[1]/chart[1]"
officecli get charts-area.pptx "/slide[5]/chart[1]"
officecli get charts-area.pptx "/slide[8]/chart[4]/series[1]"