Bar graph doesn't show ordinal values on primary axis

[mrlinux1]

Hello,
I try to create a stacked bar graph like in the example.
I remapped the data so that it has the same layout as in the example bar chart:

But my graph doesn't show the names on the left side of the graph:

I use the same code snippets for my graph like in the example bar chart (data, series, axes).

Can anyone help me on that?
Kind regards,
Thomas

[mrlinux1]

Now I moved the example graph to my component and use the same series and axes memo:

    const axes = React.useMemo(
       () => [
         { primary: true, type: 'ordinal', position: 'left', primaryAxisShow: true },
         { type: 'linear', position: 'bottom', stacked: true, secondaryAxisShow: true},
       ],
       []
     )
     const series = React.useCallback(
       () => ({
         
         type: 'bar'
       }),
       []
     )

But I get the same result.
But the data looks the same:

I'm really frustrated as I need that until next weekend.

Kind regards,

Thomas

[evenstephenr]

@mrlinux1 I took a look at the react-charts internal API and it doesn't look like ordinal groups let you customize the axis label ☹️

To clarify for my own understanding, are you looking to replace the 'ordinal group' label with a categorical group label - in your case, country name?

[mrlinux1]

@evenstephenr Yes, that what I try to achieve. I tried to figure out how the example sets the y-axis but I can't get it to work with my data.

[tannerlinsley]

Due to a massive overhaul and rewrite of React Charts to TypeScript and a massively upgraded public API, this discussion is being marked as answered for triage. The latest version can be tested via the react-charts@beta tag. Documentation is in the process of being upgraded, but thankfully, everything is fully typed now, so you can explore the API that way for now.

If, after testing or playing with the v3 beta, you believe this discussion is still relevant or unanswered, feel free to mark it as such and continue the discussion.