# Bar graph wyth Plotly Express having this wierd filter

**URL:** <https://community.plotly.com/t/bar-graph-wyth-plotly-express-having-this-wierd-filter/77992>\
**Category:** 📊 Plotly Python\
**Tags:** question, bug-reporter\
**Created:** [August 23, 2023, 2:18pm UTC](https://community.plotly.com/t/bar-graph-wyth-plotly-express-having-this-wierd-filter/77992 "2023-08-23T14:18:55Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![adang](https://avatars.discourse-cdn.com/v4/letter/a/c89c15/32.png) [@adang](https://community.plotly.com/u/adang)\
**Post date:** [August 23, 2023, 2:18pm UTC](https://community.plotly.com/t/bar-graph-wyth-plotly-express-having-this-wierd-filter/77992/1 "2023-08-23T14:18:55Z")

</div>

Hello, I don’t really know how to formulate my problem so I’m making a post here, I’m trying to make sone plotly bar chart and I got this

 ![newplot (9)](https://us1.discourse-cdn.com/flex024/uploads/plot/original/3X/d/3/d3c89cca10abe345d2e01273216ead6c6a74562a.png)  
I figure it had something to do with the layout property of the graph so I changed `template='plotly_dark'` to None and then I got this instead  
 ![newplot (10)](https://us1.discourse-cdn.com/flex024/uploads/plot/original/3X/9/b/9b2879ff2c714fcb2768ecfcd536283dd60ac516.png)  
It’s so weird that the colos on the legend are fine but not the plot…  
Also it doesn’t show on the pictures but on my app I can faintly see the colors, it’s like there is a big black or white filter on the bars, here’s what I really see  
 ![Capture d’écran du 2023-08-23 16-35-25](https://us1.discourse-cdn.com/flex024/uploads/plot/original/3X/a/c/ac451e750785781fa68534d10feb2d94a586d6e4.png)

Any help would be appreciated, also my code is a mess but here it is

```auto
def new(plot_id: str, renderer: IDataStudyRenderer, source: View, *args,
            **kwargs) -> Component:
        x_col = kwargs.pop("x_col")
        y_col = kwargs.pop("y_col", None)
        color = kwargs.pop("color", None)

       ...

        layout = kwargs.pop("layout", {})

        fig = px.bar(
            data_frame=data, x=x_col, y=y_col, color=color,
            title="Graph with Column Selection"
        )

        layout.update(
            xaxis={'title': x_col},
            yaxis={'title': y_col},
            # template='plotly_dark',
            plot_bgcolor='rgba(0, 0, 0, 0)',
            paper_bgcolor='rgba(0, 0, 0, 0)',
        )

        fig.update_layout(layout)
        plot = html.Div(
            className="plot",
            children=[
                html.Div(
                    children=IPlot.get_header(plot_id, plot_name)
                ),
                dcc.Graph(id=f"{source.name}_{plot_id}_graph", figure=fig),
            ]
        )

        renderer.plots[plot_id] = plot

        return plot

```

---

<div class="post-metadata">

**Author:** ![adang](https://avatars.discourse-cdn.com/v4/letter/a/c89c15/32.png) [@adang](https://community.plotly.com/u/adang)\
**Post date:** [August 23, 2023, 2:46pm UTC](https://community.plotly.com/t/bar-graph-wyth-plotly-express-having-this-wierd-filter/77992/2 "2023-08-23T14:46:05Z")

</div>

Ok I’ve found the issue, the proplem is that I use bar instead of histogram, bar shows each datapoint individually and the “fliter” was the many layers of edges around those ploints