How to fill the color for qualitativeRangeData in BulletChart


I went through the examples for And I want to fill the different colors for different ranges. Based on the document, I only found the way to do for the legend on qualitativeRangeLegendData. Could anyone point me out how to do it?

Using the qualitative range as an example, you can override the component using the qualitativeRangeComponent prop and set your own theme color, or custom theme. You can also override the styles of the underlying ChartBar component.

<ChartBullet qualitativeRangeComponent={
        <ChartBar style={{data: { fill: 'green' }}} />