How to display bar chart background like display in following image

[AbhishekMuknak]

I want show gray bar 100 percent if there is no data for given value and if value is present then fill the bar with given value in green and remaining in gray color

[ak-spotter]

Hi @AbhishekMuknak This can be achieved using the showVerticalLines and verticalLinesThickness props.
If the vertical lines are not aligned with the bars, you can use the verticalLinesShift prop. The color of vertical lines is gray by default which can be changed using the verticalLinesColor prop.

Here's an example-

<BarChart
  data={[{ value: 5 }, { value: 3 }, {value:8}]}
  barWidth={15}
  frontColor={'navy'}
  roundedTop
  showVerticalLines
  verticalLinesThickness={15}
  verticalLinesShift={20}
  verticalLinesStrokeLinecap="round"
/>

The output of above code is-