1

I want to change the color of the background behind the label. I've tried changing it in the view component where we use tailwind. I have also tried to simply check if Victory-native have anything that could help me with that.

I managed to create this in my app

But I really want it to look like this

Hope anyone could help me with this or point me in the right direction:))

<View style={tw`bg-orange-100 rounded-2xl mb-3 mr-5 w-${size} h-45 p-[0px]`}>
        <View style={tw`self-center`}>
          <VictoryChart height={190} width={350}>
            <VictoryAxis
              style={{
                axis: { stroke: 'transparent' },
                ticks: { stroke: 'transparent' },
                tickLabels: { fill: 'white' },
              }}
            />
            <VictoryGroup offset={20}>
              <VictoryStack>
                <VictoryBar
                  data={usage}
                  cornerRadius={{ top: 9}}
                  style={{ data: { fill: '#FF9B68' } }}
                />
                <VictoryBar
                  data={estimate}
                  cornerRadius={{ top: 9}}
                  style={{ data: { fill: '#FFC9AD' } }}
                />
              </VictoryStack>
            </VictoryGroup>
          </VictoryChart>
        </View>
      </View>
    </>

0 Answers0