# Interface: PatternOptionsObject

## Highcharts. PatternOptionsObject

Pattern options

### Members

#### anchorToPoint :boolean|undefined

  When true, the pattern is anchored to each individual point rather than using a global pattern grid. This ensures consistent pattern rendering across points of different sizes and improves accessibility for narrow columns. Defaults to false for backward compatibility.

  ##### Type:

  - boolean | undefined
  Since:
    - 12.6.0
  Default Value:
    - false

  ##### Try it

  - Compare shared vs anchored pattern positioning.

#### aspectRatio :number|undefined

  For automatically calculated width and height on images, it is possible to set an aspect ratio. The image will be zoomed to fill the bounding box, maintaining the aspect ratio defined.

  ##### Type:

  - number | undefined

#### backgroundColor :Highcharts.ColorString|undefined

  Background color for the pattern if a `path` is set (not images).

  ##### Type:

  - Highcharts.ColorString | undefined

#### color :Highcharts.ColorString|undefined

  Pattern color, used as default path stroke.

  ##### Type:

  - Highcharts.ColorString | undefined

#### height :number|undefined

  Analogous to pattern.width.

  ##### Type:

  - number | undefined

#### id :string|undefined

  ID to assign to the pattern. This is automatically computed if not added, and identical patterns are reused. To refer to an existing pattern for a Highcharts color, use `color: "url(#pattern-id)"`.

  ##### Type:

  - string | undefined

#### image :string|undefined

  URL to an image to use as the pattern.

  ##### Type:

  - string | undefined

#### opacity :number|undefined

  Opacity of the pattern as a float value from 0 to 1.

  ##### Type:

  - number | undefined

#### path :string|Highcharts.SVGAttributes|undefined

  Either an SVG path as string, or an object. As an object, supply the path string in the `path.d` property. Other supported properties are standard SVG attributes like `path.stroke` and `path.fill`. If a path is supplied for the pattern, the `image` property is ignored.

  ##### Type:

  - string | Highcharts.SVGAttributes | undefined

#### patternTransform :string|undefined

  SVG `patternTransform` to apply to the entire pattern.

  ##### Type:

  - string | undefined
  See also:

    - patternTransform demo

#### width :number|undefined

  Width of the pattern. For images this is automatically set to the width of the element bounding box if not supplied. For non-image patterns the default is 32px. Note that automatic resizing of image patterns to fill a bounding box dynamically is only supported for patterns with an automatically calculated ID.

  ##### Type:

  - number | undefined

#### x :number|undefined

  Horizontal offset of the pattern.

  ##### Type:

  - number | undefined
  Default Value:
    - 0

#### y :number|undefined

  Vertical offset of the pattern.

  ##### Type:

  - number | undefined
  Default Value:
    - 0