# Markers

Sparklines for WinForms provides markers that are used to highlight or emphasize specific data points. See more demos, documentation, and samples here.

## Content



Markers are symbols that are used to highlight or emphasize certain data points. With the help of markers, the sparkline becomes more readable and it becomes easier to distinguish between specific data points, such as high or low values.

The Sparkline control supports markers only for the line sparkline type. In a line sparkline, markers are represented by the help of dot symbols which are shown on the data points. You can show all the data points in a line sparkline by setting the <span data-popup-content="This property is available in \u003ca href=\u0022C1.Win.Sparkline.6~C1.Win.Sparkline.C1Sparkline~ShowMarkers.html\u0022\u003e.NET\u003c/a\u003e and \u003ca href=\u0022/componentone/docs/win/online-sparklines/\u0022\u003e.NET Framework\u003c/a\u003e." data-popup-title="ShowMarkers" data-popup-theme="ui-tooltip-green qtip-green">ShowMarkers</span> property provided by the <span data-popup-content="This class is available in \u003ca href=\u0022C1.Win.Sparkline.6~C1.Win.Sparkline.C1Sparkline.html\u0022\u003e.NET\u003c/a\u003e and \u003ca href=\u0022/componentone/docs/win/online-sparklines/\u0022\u003e.NET Framework\u003c/a\u003e." data-popup-title="C1Sparkline" data-popup-theme="ui-tooltip-green qtip-green">C1Sparkline</span> class to **true**. This highlights all the data points in brown color.

The following example code shows how you can set the ShowMarkers property in Sparklines for WinForms control.

```csharp
//Highlights all the data points
sparkline.ShowMarkers = true;
```

The **ShowMarkers** property highlights all the data points in Sparkline. However, some users might want to highlight some specific values to suit their business needs. For this, the Sparkline control allows users to apply markers on specific data points as well. The following properties can be set in code for the same.

| **Property** | **Description** | **Output** |
| --- | --- | --- |
| [<span data-popup-content="This property is available in \u003ca href=\u0022C1.Win.Sparkline.6~C1.Win.Sparkline.C1Sparkline~ShowFirst.html\u0022\u003e.NET\u003c/a\u003e and \u003ca href=\u0022/componentone/docs/win/online-sparklines/\u0022\u003e.NET Framework\u003c/a\u003e." data-popup-title="ShowFirst" data-popup-theme="ui-tooltip-green qtip-green">ShowFirst</span>](/componentone/docs/win/online-sparklines/) | You can set this property to true in code to highlight the first data point in the output as shown in the image alongside. By default, the marker highlights the first data point in maroon color. | ![Sparkline showing first data point](https://cdn.mescius.io/document-site-files/images/adac4adb-2280-4c58-a35f-c4af030999c6/images/sparkline-firstmarker.png) |
| [<span data-popup-content="This property is available in \u003ca href=\u0022C1.Win.Sparkline.6~C1.Win.Sparkline.C1Sparkline~ShowLast.html\u0022\u003e.NET\u003c/a\u003e and \u003ca href=\u0022/componentone/docs/win/online-sparklines/\u0022\u003e.NET Framework\u003c/a\u003e." data-popup-title="ShowLast" data-popup-theme="ui-tooltip-green qtip-green">ShowLast</span>](/componentone/docs/win/online-sparklines/) | You can set this property to true in code to highlight the last data point in the output as shown in the image alongside. By default, the marker highlights the last data point in green color. | ![Sparkline showing last data point](https://cdn.mescius.io/document-site-files/images/adac4adb-2280-4c58-a35f-c4af030999c6/images/sparkline-lastmarker.png) |
| [<span data-popup-content="This property is available in \u003ca href=\u0022C1.Win.Sparkline.6~C1.Win.Sparkline.C1Sparkline~ShowHigh.html\u0022\u003e.NET\u003c/a\u003e and \u003ca href=\u0022/componentone/docs/win/online-sparklines/\u0022\u003e.NET Framework\u003c/a\u003e." data-popup-title="ShowHigh" data-popup-theme="ui-tooltip-green qtip-green">ShowHigh</span>](/componentone/docs/win/online-sparklines/) | You can set this property to true in code to highlight the highest value in the output as shown in the image alongside. By default, the marker highlights the highest data point in red color. | ![Sparkline showing highest data point](https://cdn.mescius.io/document-site-files/images/adac4adb-2280-4c58-a35f-c4af030999c6/images/sparkline-highmarker.png) |
| [<span data-popup-content="This property is available in \u003ca href=\u0022C1.Win.Sparkline.6~C1.Win.Sparkline.C1Sparkline~ShowLow.html\u0022\u003e.NET\u003c/a\u003e and \u003ca href=\u0022/componentone/docs/win/online-sparklines/\u0022\u003e.NET Framework\u003c/a\u003e." data-popup-title="ShowLow" data-popup-theme="ui-tooltip-green qtip-green">ShowLow</span>](/componentone/docs/win/online-sparklines/) | You can set this property to true in code to highlight the lowest value in the output as shown in the image alongside. By default, the marker highlights the lowest data point in blue color. | ![Sparkline showing lowest data point](https://cdn.mescius.io/document-site-files/images/adac4adb-2280-4c58-a35f-c4af030999c6/images/sparkline-lowmarker.png) |
| [<span data-popup-content="This property is available in \u003ca href=\u0022C1.Win.Sparkline.6~C1.Win.Sparkline.C1Sparkline~ShowNegative.html\u0022\u003e.NET\u003c/a\u003e and \u003ca href=\u0022/componentone/docs/win/online-sparklines/\u0022\u003e.NET Framework\u003c/a\u003e." data-popup-title="ShowNegative" data-popup-theme="ui-tooltip-green qtip-green">ShowNegative</span>](/componentone/docs/win/online-sparklines/) | You can set this property to true in code to highlight all the negative data points in the output as shown in the image alongside. By default, the marker highlights the negative data point(s) in red color. | ![](https://cdn.mescius.io/document-site-files/images/adac4adb-2280-4c58-a35f-c4af030999c6/images/sparkline-negativemarker.png) |

As mentioned above, various data points are rendered in a default color. However, Sparkline allows you to modify this default behavior and highlight data points in a color of your choice, making Sparkline more customizable for users from appearance perspective.


> type=note
> Please note **MarkersColor** property is available only in .NET Framework Edition.

The following image shows how a Sparkline control appears after setting the MarkersColor property to Red.

![MarkersColor property](https://cdn.mescius.io/document-site-files/images/adac4adb-2280-4c58-a35f-c4af030999c6/images/sparkline-markercolor.png)

The following code example shows how to customize the markers in the Sparkline control.

```csharp
//Setting Marker Color
sparkline.MarkersColor = Colors.Red;
```

Following is the list of properties that can be used to set the colors for highlighting specific data points.

| **Property** | **Description** |
| --- | --- |
| [FirstMarkerColor](/componentone/docs/win/online-sparklines/) | This property can be set to specify the marker color for the first data point in Sparkline. |
| [LastMarkerColor](/componentone/docs/win/online-sparklines/) | This property can be set to specify the marker color for the last data point in Sparkline. |
| [HighMarkerColor](/componentone/docs/win/online-sparklines/) | This property can be set to specify the marker color for the highest data point in Sparkline. |
| [LowMarkerColor](/componentone/docs/win/online-sparklines/) | This property can be set to specify the marker color for the lowest data point in Sparkline. |
| [NegativeColor](/componentone/docs/win/online-sparklines/) | This property can be set to specify the marker color for negative data points in Sparkline. |