Skip to content

Commit 0c3dfd3

Browse files
github-actions[bot]KB BotIvetNikolovadnikolov-prg
authored
Added new kb article removing-bar-border-in-graph (#1924)
* Added new kb article removing-bar-border-in-graph * Update removing-bar-border-in-graph.md * Add files via upload * Delete knowledge-base/images/UsingLineWidthPropertyBarGraph.png * Delete knowledge-base/images/BarBordersAroundBars.png * Add files via upload * Delete knowledge-base/images/UsingLineWidthPropertyBarGraph.png * Add files via upload * Delete knowledge-base/images/UsingLineWidthPropertyBarGraph.png * Add files via upload * Delete knowledge-base/images/UsingLineWidthPropertyBarGraph.png * Add files via upload * Update removing-bar-border-in-graph.md * Update removing-bar-border-in-graph.md --------- Co-authored-by: KB Bot <[email protected]> Co-authored-by: IvetNikolova <[email protected]> Co-authored-by: Dimitar Nikolov <[email protected]>
1 parent 8af409a commit 0c3dfd3

File tree

3 files changed

+49
-0
lines changed

3 files changed

+49
-0
lines changed
16.8 KB
Loading
15.1 KB
Loading
Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
---
2+
title: Removing Bar Border in Bar and Column Graphs
3+
description: "Learn how to remove the darker border around bars in a graph within Telerik Reporting."
4+
type: how-to
5+
page_title: How to Remove Graph Bar Borders in Telerik Reporting
6+
meta_title: How to Remove Graph Bar Borders in Telerik Reporting
7+
slug: removing-bar-border-in-graph
8+
tags: reporting, graph, series, datapointstyle, linewidth
9+
res_type: kb
10+
ticketid: 1702817
11+
---
12+
13+
<style> img[alt$="><"] { border: 1px solid lightgrey; } </style>
14+
15+
## Environment
16+
17+
<table>
18+
<tbody>
19+
<tr>
20+
<td>Product</td>
21+
<td>Reporting</td>
22+
</tr>
23+
</tbody>
24+
</table>
25+
26+
## Description
27+
28+
I want to remove the darker, solid border around bars in a graph with a bar series. The border is more visible in the HTML5 Report 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.
29+
30+
![Showing the Borders Around the Bars ><](images/BarBordersAroundBars.png)
31+
32+
## Solution
33+
34+
To remove the darker border around the bars:
35+
36+
1. Select the graph in the [Report Designer tool]({%slug telerikreporting/designing-reports/report-designer-tools/overview%}) of choice.
37+
1. Expand the **Series** property.
38+
1. Locate and expand the [DataPointStyle](/api/telerik.reporting.graphseriesbase#Telerik_Reporting_GraphSeriesBase_DataPointStyle) property of the [GraphSeries](/api/telerik.reporting.graphseries).
39+
1. Set the **LineWidth** property to **0pt**.
40+
41+
![Using LineWidth Property To Remove the Borders Around the Bars ><](images/UsingLineWidthPropertyBarGraph.png)
42+
43+
This removes the darker border around the bars, ensuring they appear without overlapping grid lines.
44+
45+
## See Also
46+
47+
* [Bar Chart]({%slug telerikreporting/designing-reports/report-structure/graph/chart-types/bar-charts/overview%})
48+
* [Getting Started with the Graph Report Item]({%slug graph_item_get_started%})
49+
* [Series of the Graph]({%slug telerikreporting/designing-reports/report-structure/graph/formatting-a-graph/series%})

0 commit comments

Comments
 (0)