Change label font color

I simply want to change the color of the text in the label but i don’t know with property to use…

for example if I want to use a white color for the font in the label I am trying this:

const whiteLabel = ({ x, y, stroke, value }) => {
  return (
    <div style={{ color: '#FFFFFF' }}>
      <text x={x} y={y} dy={-4} fill={stroke} fontSize={10} textAnchor="middle">{value}</text>);
    </div>
  );
};

which is WRONG…

How to fix this?

Thanks, Alessandro

[peterbartos]

The key is not to use color style but fill style. E.g.:

<Label angle={270} position='insideLeft' offset={10}
    value=" TA / Pouls"
    style={{ textAnchor: 'middle', fontSize: '80%', fill: 'rgba(0, 0, 0, 0.87)' }}>

[xile611]

@sun2rise Use svg nodes not html nodes.