For a multiline VictoryLabel, I would like to have different lineHeights per line.

[sbcreates]

Feature Requests

Checklist

• I've read through the Docs and Guides to make sure this functionality doesn't already exist

• I've searched open issues to make sure I'm not opening a duplicate issue

Description

I would like to create a pie chart that is styled like this:

I can create multiline text and I can style each line of text individually with its own color and font size. However, I can't individually apply line height for each line and it's resulting in spacing issues because of the different font sizes.

---

      <VictoryPie
          standalone={false}
          height={600}
          width={600}
          data={data}
          colorScale={['green', 'lightgray']}
          innerRadius={225}
          labelRadius={700}
          style={{ labels: { fontSize: 20, fill: 'black' } }}
      />
      <VictoryLabel
          textAnchor="middle"
          //lineHeight={[{1.22}, {2}, {3}, {1}]} <-- doesn't work
          x={300} y={300}
          style={[{ fontSize: 50, fill: '#203648' }, { fontSize: 70, fill: 'green' }, { fontSize: 30, fill: 'gray' }, { fontSize: 30, fill: 'gray' }]}
          text={[title, remaining, 'remaining', 'of ' + total]}
      />

This is what I currently have. I would like to customize spacing between the lines of text. The title and remaining spacing is off and I cannot currently figure out how to correct it.

[boygirl]

@sbcreates This is most easily accomplished by using multiple VictoryLabel components.