Skip to content
New issue

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

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

Already on GitHub? # to your account

[Feature]: Add x, y axis guides #112

Open
kolebayev opened this issue Feb 2, 2025 · 0 comments
Open

[Feature]: Add x, y axis guides #112

kolebayev opened this issue Feb 2, 2025 · 0 comments
Labels
Type: Feature New feature for existing component

Comments

@kolebayev
Copy link

kolebayev commented Feb 2, 2025

What problem does this feature solve?

Hey! Common issue to track and compare stats change against some outside event. Example: user set up 3 marketing campaigns and want to check if the results have grown or not.

charts: Line, Area and Bar
options: x, y axis
recharts example

Image

What does the proposed API look like?

<LineChart
  data={data}
  ...
  yGuides={
    [
        {
            label: 'spring event',
            value: 'Mar 1',
            color: '#000',
            showTooltip: false
        },
        {
            label: 'Late fall event',
            value: 'Oct 23',
            color: '#000',
            showTooltip: true
        },
        {
            label: 'Fall campoaign',
            value: 'Oct 23',
            color: '#000',
            showTooltip: true
        }
    ]
  }
  xGuides={
    [
        {
            label: 'target',
            value: '3000',
            color: '#000',
            showTooltip: false
        }
    ]
  }
/>
@severinlandolt severinlandolt added the Type: Feature New feature for existing component label Feb 2, 2025
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
Type: Feature New feature for existing component
Projects
None yet
Development

No branches or pull requests

2 participants