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

Patterns

Using patterns can help to distinguish data and give a classic look to the charts.

Using patterns as Fill

Patterns can be applied by configuring fill.pattern property.

fill: {
  type: 'pattern',
  pattern: {
    style: 'verticalLines',
    width: 6,
    height: 6,
    strokeWidth: 2
  }
}

To view the list of all available patterns, checkout the pattern configuration