---
title: LineGradient
framework: mapkitjs
role: symbol
role_heading: Class
path: mapkitjs/linegradient
---

# LineGradient

A line that displays with a gradient along the length of the line.

## Declaration

```data
class LineGradient
```

## Mentioned in

MapKit JS 5

## Overview

Overview Use LineGradient with a PolylineOverlay to show a gradient along a route or path. You can also use it to provide additional information about locations along the path, for example, the running pace along a route.

## Topics

### Creating a Line Gradient

- [new LineGradient(colorStops)](mapkitjs/linegradient/linegradientconstructor.md)
- [addColorStop(offset, color)](mapkitjs/linegradient/addcolorstop.md)
- [addColorStopAtIndex(index, color)](mapkitjs/linegradient/addcolorstopatindex.md)

### Instance Methods

- [toString()](mapkitjs/linegradient/tostring.md)

## See Also

### Styling lines

- [lineCap](mapkitjs/style/linecap.md)
- [lineDash](mapkitjs/style/linedash.md)
- [lineDashOffset](mapkitjs/style/linedashoffset.md)
- [lineJoin](mapkitjs/style/linejoin.md)
- [lineWidth](mapkitjs/style/linewidth.md)
- [lineGradient](mapkitjs/style/linegradient.md)