Pictorial Chart
Sometimes you might want the picture you want to use for pictorial chart not to be filled completely from bottom to the top, like this one. Our PictorialStackedSeries has startLocation and endLocation properties which help to adjust start/end locations of the fills. Try to drag the slider to do it yourself.
Related tutorials
Build this chart with AI
The prompt below can be used to build this chart with AI. For best coding results, use the most advanced AI models, like Claude Opus 4.6 and GPT-5.3-Codex. For more info and tips, check out amCharts AI docs.
Create a pictorial stacked chart using a wine glass silhouette as the visualization container. Display two wine varieties: Pinot Noir (value: 200, dark red color) and Primitivo (value: 300, medium red color). Apply gradient fills with slight brightness variations. Control where the fill begins and ends within the glass shape so only part of the glass is filled. Add category labels. Include a title 'Sorts of wine I drank yesterday' at the top in burgundy text. Add a horizontal slider control below that dynamically adjusts the fill level within the glass in real time. The slider background should transition from gray to dark burgundy. Use the Animated theme. The chart should be 600px tall with some vertical padding. Use amCharts 5 library.
Demo source