---
title: Chart view modifiers
framework: swiftui
role: collectionGroup
role_heading: API Collection
path: swiftui/view-chart-view
---

# Chart view modifiers

Configure charts that you declare with Swift Charts.

## Overview

Overview Use these modifiers to configure a Chart view that you add to your SwiftUI app.

## Topics

### Styles

- [chartBackground(alignment:content:)](swiftui/view/chartbackground(alignment:content:).md)
- [chartForegroundStyleScale(_:)](swiftui/view/chartforegroundstylescale(_:).md)
- [chartForegroundStyleScale(domain:range:type:)](swiftui/view/chartforegroundstylescale(domain:range:type:).md)
- [chartForegroundStyleScale(domain:type:)](swiftui/view/chartforegroundstylescale(domain:type:).md)
- [chartForegroundStyleScale(domain:mapping:)](swiftui/view/chartforegroundstylescale(domain:mapping:).md)
- [chartForegroundStyleScale(mapping:)](swiftui/view/chartforegroundstylescale(mapping:).md)
- [chartForegroundStyleScale(range:type:)](swiftui/view/chartforegroundstylescale(range:type:).md)
- [chartForegroundStyleScale(type:)](swiftui/view/chartforegroundstylescale(type:).md)
- [chartPlotStyle(content:)](swiftui/view/chartplotstyle(content:).md)

### 3D configuration

- [chart3DCameraProjection(_:)](swiftui/view/chart3dcameraprojection(_:).md)
- [chart3DPose(_:)](swiftui/view/chart3dpose(_:).md)
- [chart3DRenderingStyle(_:)](swiftui/view/chart3drenderingstyle(_:).md)

### Legends

- [chartLegend(_:)](swiftui/view/chartlegend(_:).md)
- [chartLegend(position:alignment:spacing:)](swiftui/view/chartlegend(position:alignment:spacing:).md)
- [chartLegend(position:alignment:spacing:content:)](swiftui/view/chartlegend(position:alignment:spacing:content:).md)

### Overlays

- [chartOverlay(alignment:content:)](swiftui/view/chartoverlay(alignment:content:).md)

### Axes

- [chartXAxis(_:)](swiftui/view/chartxaxis(_:).md)
- [chartXAxis(content:)](swiftui/view/chartxaxis(content:).md)
- [chartXAxisStyle(content:)](swiftui/view/chartxaxisstyle(content:).md)
- [chartYAxis(_:)](swiftui/view/chartyaxis(_:).md)
- [chartYAxis(content:)](swiftui/view/chartyaxis(content:).md)
- [chartYAxisStyle(content:)](swiftui/view/chartyaxisstyle(content:).md)
- [chartZAxis(_:)](swiftui/view/chartzaxis(_:).md)
- [chartZAxis(content:)](swiftui/view/chartzaxis(content:).md)

### Axis Labels

- [chartXAxisLabel(_:position:alignment:spacing:)](swiftui/view/chartxaxislabel(_:position:alignment:spacing:).md)
- [chartXAxisLabel(position:alignment:spacing:content:)](swiftui/view/chartxaxislabel(position:alignment:spacing:content:).md)
- [chartYAxisLabel(_:position:alignment:spacing:)](swiftui/view/chartyaxislabel(_:position:alignment:spacing:).md)
- [chartYAxisLabel(position:alignment:spacing:content:)](swiftui/view/chartyaxislabel(position:alignment:spacing:content:).md)
- [chartZAxisLabel(_:position:alignment:spacing:)](swiftui/view/chartzaxislabel(_:position:alignment:spacing:).md)

### Axis scales

- [chartXScale(domain:range:type:)](swiftui/view/chartxscale(domain:range:type:).md)
- [chartXScale(domain:type:)](swiftui/view/chartxscale(domain:type:).md)
- [chartXScale(range:type:)](swiftui/view/chartxscale(range:type:).md)
- [chartXScale(type:)](swiftui/view/chartxscale(type:).md)
- [chartYScale(domain:range:type:)](swiftui/view/chartyscale(domain:range:type:).md)
- [chartYScale(domain:type:)](swiftui/view/chartyscale(domain:type:).md)
- [chartYScale(range:type:)](swiftui/view/chartyscale(range:type:).md)
- [chartYScale(type:)](swiftui/view/chartyscale(type:).md)
- [chartZScale(domain:range:type:)](swiftui/view/chartzscale(domain:range:type:).md)
- [chartZScale(domain:type:)](swiftui/view/chartzscale(domain:type:).md)
- [chartZScale(range:type:)](swiftui/view/chartzscale(range:type:).md)

### Symbol scales

- [chartSymbolScale(_:)](swiftui/view/chartsymbolscale(_:).md)
- [chartSymbolScale(domain:)](swiftui/view/chartsymbolscale(domain:).md)
- [chartSymbolScale(domain:range:)](swiftui/view/chartsymbolscale(domain:range:).md)
- [chartSymbolScale(domain:mapping:)](swiftui/view/chartsymbolscale(domain:mapping:).md)
- [chartSymbolScale(mapping:)](swiftui/view/chartsymbolscale(mapping:).md)
- [chartSymbolScale(range:)](swiftui/view/chartsymbolscale(range:).md)

### Symbol size scales

- [chartSymbolSizeScale(_:)](swiftui/view/chartsymbolsizescale(_:).md)
- [chartSymbolSizeScale(domain:range:type:)](swiftui/view/chartsymbolsizescale(domain:range:type:).md)
- [chartSymbolSizeScale(domain:type:)](swiftui/view/chartsymbolsizescale(domain:type:).md)
- [chartSymbolSizeScale(domain:mapping:)](swiftui/view/chartsymbolsizescale(domain:mapping:).md)
- [chartSymbolSizeScale(mapping:)](swiftui/view/chartsymbolsizescale(mapping:).md)
- [chartSymbolSizeScale(range:type:)](swiftui/view/chartsymbolsizescale(range:type:).md)
- [chartSymbolSizeScale(type:)](swiftui/view/chartsymbolsizescale(type:).md)

### Line style scales

- [chartLineStyleScale(_:)](swiftui/view/chartlinestylescale(_:).md)
- [chartLineStyleScale(domain:)](swiftui/view/chartlinestylescale(domain:).md)
- [chartLineStyleScale(domain:range:)](swiftui/view/chartlinestylescale(domain:range:).md)
- [chartLineStyleScale(range:)](swiftui/view/chartlinestylescale(range:).md)
- [chartLineStyleScale(domain:mapping:)](swiftui/view/chartlinestylescale(domain:mapping:).md)
- [chartLineStyleScale(mapping:)](swiftui/view/chartlinestylescale(mapping:).md)

### Scrolling

- [chartScrollPosition(initialX:)](swiftui/view/chartscrollposition(initialx:).md)
- [chartScrollPosition(initialY:)](swiftui/view/chartscrollposition(initialy:).md)
- [chartScrollPosition(x:)](swiftui/view/chartscrollposition(x:).md)
- [chartScrollPosition(y:)](swiftui/view/chartscrollposition(y:).md)
- [chartScrollTargetBehavior(_:)](swiftui/view/chartscrolltargetbehavior(_:).md)
- [chartScrollableAxes(_:)](swiftui/view/chartscrollableaxes(_:).md)

### Selection

- [chartXSelection(range:)](swiftui/view/chartxselection(range:).md)
- [chartXSelection(value:)](swiftui/view/chartxselection(value:).md)
- [chartYSelection(range:)](swiftui/view/chartyselection(range:).md)
- [chartYSelection(value:)](swiftui/view/chartyselection(value:).md)
- [chartZSelection(range:)](swiftui/view/chartzselection(range:).md)
- [chartZSelection(value:)](swiftui/view/chartzselection(value:).md)
- [chartAngleSelection(value:)](swiftui/view/chartangleselection(value:).md)

### Visible domain

- [chartXVisibleDomain(length:)](swiftui/view/chartxvisibledomain(length:).md)
- [chartYVisibleDomain(length:)](swiftui/view/chartyvisibledomain(length:).md)

### Interaction

- [chartGesture(_:)](swiftui/view/chartgesture(_:).md)

## See Also

### Configuring view elements

- [Accessibility modifiers](swiftui/view-accessibility.md)
- [Appearance modifiers](swiftui/view-appearance.md)
- [Text and symbol modifiers](swiftui/view-text-and-symbols.md)
- [Auxiliary view modifiers](swiftui/view-auxiliary-views.md)