Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added knowledge-base/images/BarBordersAroundBars.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
52 changes: 52 additions & 0 deletions knowledge-base/removing-bar-border-in-graph.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
---
title: Removing Bar Border in Graph
description: Learn how to remove the darker border around bars in a graph within Telerik Reporting.
type: how-to
page_title: How to Remove Graph Bar Borders in Telerik Reporting
meta_title: How to Remove Graph Bar Borders in Telerik Reporting
slug: removing-bar-border-in-graph
tags: reporting, graph, series, datapointstyle, linewidth
res_type: kb
ticketid: 1702817
---
<style> img[alt$="><"] { border: 1px solid lightgrey; } </style>

## Environment

<table>
<tbody>
<tr>
<td>Product</td>
<td>Reporting</td>
</tr>
<tr>
<td>Version</td>
<td>18.3.24.1112</td>
</tr>
</tbody>
</table>

## Description

I want to remove the darker, solid border around bars in a graph with a bar series. The border is more visible in the HTML viewer and overlaps the grid lines. The bars use a semi-transparent yellow color palette which allows grid lines to show through. The goal is to eliminate the darker border while maintaining the semi-transparent fill effect.

![Showing the Borders Around the Bars ><](images/BarBordersAroundBars.png)

## Solution

To remove the darker border around the bars:

1. Select the graph in the Telerik Reporting designer.
1. Expand the 'Series' property.
1. Locate and expand the 'DataPointStyle' property.
1. Set the 'LineWidth' property to `0pt`.

![Using LineWidth Property To Remove the Borders Around the Bars ><](images/UsingLineWidthPropertyBarGraph.png)

This removes the darker border around the bars, ensuring they appear without overlapping grid lines.

## See Also

* [Bar Chart]({%slug telerikreporting/designing-reports/report-structure/graph/chart-types/bar-charts/overview%})
* [Getting Started with the Graph Report Item]({%slug graph_item_get_started%})
* [Series of the Graph]({%slug telerikreporting/designing-reports/report-structure/graph/formatting-a-graph/series%})