# Correcting a graph plotted with Giraffe

**URL:** <https://community.influxdata.com/t/correcting-a-graph-plotted-with-giraffe/24009>\
**Category:** Dashboards\
**Tags:** javascript, giraffe\
**Created:** [February 24, 2022, 8:52pm UTC](https://community.influxdata.com/t/correcting-a-graph-plotted-with-giraffe/24009 "2022-02-24T20:52:38Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![riz](https://avatars.discourse-cdn.com/v4/letter/r/71c47a/32.png) [@riz](https://community.influxdata.com/u/riz)\
**Post date:** [February 24, 2022, 8:52pm UTC](https://community.influxdata.com/t/correcting-a-graph-plotted-with-giraffe/24009/1 "2022-02-24T20:52:38Z")

</div>

Hi, I’m using Giraffe to plot a graph for some data I’m getting from influx. So far everything is plotted correctly with all the correct values. The only problem I’m having is, I’m trying to remove closed shaded regions and line in the images below.

Is there any way to remove the line and closed shaded regions in the posted images below (In the second image from time range of Feb 18 to feb 22, is there a way to remove the closed shaded region) through changing properties for the graph?

 ![graph](https://us1.discourse-cdn.com/flex023/uploads/influxdata/original/2X/2/2ebc6ee158690a3da184281d329b000503c228bd.png)  
 ![graph2](https://us1.discourse-cdn.com/flex023/uploads/influxdata/original/2X/9/9361b69272e4d11d2f20834f02cda79ca85d5fc9.png)

This is what my plotting Config look like - I’m using a Line layer config to generate the data

```auto
table: table.table,
            xScale: 'linear',
            yScale: 'linear',
            gridColor: 'black',
            gridOpacity: '0.2',
            legendFont: '18px sans-serif',
            tickFont: '12px sans-serif',
            axisColor: 'transparent',
            xTotalTicks: 6,
            yTickStart: -1,
            yTotalTicks: 5,
            tickFontColor: 'black',
            showAxes: true,
            legendCrosshairColor: 'black',
            layers: [
                {
                    type: 'line',
                    x: 'Time',
                    y: 'Value',
                    position: 'overlaid',
                    maxTooltipRows: 24,
                    lineOpacity: 1,
                    fill: ['VALUE_LABEL'],
                    hoverDimension: 'x',
                    lineWidth: 1,
                    colors: ['#BFC68C', '#97C3E5', '#ccccff'],
                    shadeBelow: true,
                    shadeBelowOpacity: 0.2,
                },

```

---

<div class="post-metadata">

**Author:** ![Anaisdg](https://sea1.discourse-cdn.com/flex023/user_avatar/community.influxdata.com/anaisdg/32/6401_2.png) [@Anaisdg](https://community.influxdata.com/u/Anaisdg)\
**Post date:** [February 25, 2022, 6:37pm UTC](https://community.influxdata.com/t/correcting-a-graph-plotted-with-giraffe/24009/2 "2022-02-25T18:37:06Z")

</div>

Hello @riz,  
Maybe try using this option?

```auto
shadeBelow: boolean

```

> <https://github.com/influxdata/giraffe/blob/b75671f247a111230465fc32a3f9bce589bedd67/giraffe/src/utils/drawLines.ts#L13>

---

<div class="post-metadata">

**Author:** ![riz](https://avatars.discourse-cdn.com/v4/letter/r/71c47a/32.png) [@riz](https://community.influxdata.com/u/riz)\
**Post date:** [February 26, 2022, 3:01am UTC](https://community.influxdata.com/t/correcting-a-graph-plotted-with-giraffe/24009/3 "2022-02-26T03:01:26Z")

</div>

Hi,  
I already tried and nothing changed, the graph still renders with incomplete and abnormal shading

 ![graph3](https://us1.discourse-cdn.com/flex023/uploads/influxdata/original/2X/6/67954724c2b47cae13fce92f414ab37dec54546c.png)