ApexCharts LogoAPEXCHARTS
  • Projects
  • Demos
  • Docs
  • Pricing
  • Embedded Analytics
  • Get Started
  • Chart Essentials
  • Chart Types
  • Design
  • Integrations
  • How to
  • Options (Reference)
  • Methods

Image Fill

Want to get creative? Fill paths with images instead of plain colors.

Using images as Fills

Filling paths with images can be done by configuring fill.image property.

fill: {
  type: 'image',
  image: {
    src: ['/path/to/image1.png', 'path/to/image2.jpg'],
    width: undefined,  // optional
    height: undefined  //optional
  }
}