I am now facing another challenge with filling areas in SVG image. My image has areas with some text inside. After filling these areas with colors I have some white space around texts. How can I get rid of it? Or is there a way of filling areas that would not leave any white space in a first place?

Thanks for help.

Bucket fill may come handy some cases, this is not it.
You can easily trace each area with the pen tool and snapping to cusp nodes enabled.
After paths are set, move them below the black parts -or probably to the bottom (End).
This will give an accurate result.


The bucket fill tool works something like analysing the actual image displayed on screen and creating a path that encloses a part of it. You can play with the threshold settings and zoom level, and even the stroke width of the area to be filled, it will never produce an accurate result.
It's inaccuracy may be hidden by the black outlines.
but this case, you would need somehow the tool to discard the texts for example.
Possible by changing the opacity to 0% of the texts before.
Then, still how to hide the scales at the sides?
Is that a compound path?
Then it has to be edited too.

So I would suggest not to use the paint bucket tool for that image.