Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

X-Axis shows rgb values instead of actual label #1436

Open
WilliBoelke opened this issue Nov 3, 2021 · 0 comments
Open

X-Axis shows rgb values instead of actual label #1436

WilliBoelke opened this issue Nov 3, 2021 · 0 comments

Comments

@WilliBoelke
Copy link

Hello, i encountered a problem which leads to react-vis displaying rgb values instead of the actual label. This happens when the lable is a CSS color name like "Black".
I encountered the Problem when displaying statistics about different countries, that's where the "Peru" is coming from.
I reproduced it by manually setting a X-Value of my data to "Black".

Reproduce the issue:
Use a dataset like

const myData = [
  {x: 'Black', y: 10},
  {x: 'Peru', y: 5}
]

with a XYPlot and VertiacalBarSeries or LineSeries

Expected behavior:
The tick labels on the X-Axis show Black and Peru

Actual behavior:
The tick labels on the X-Axis show rgb(0, 0, 0) and rgb(205, 133, 63)

Example
Here an example, it can be seen that the "Peru" label is displayed as the CSS rgb value, while the others are displayed
correctly.
image

@WilliBoelke WilliBoelke changed the title X-Axis shows rgb values instead of actual lable X-Axis shows rgb values instead of actual label Nov 3, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant