Skip to content

Conversation

@dlabrecq
Copy link
Member

@dlabrecq dlabrecq commented Apr 2, 2023

Created a component to wrap the Victory box plot chart with PatternFly styles and tooltip functionality.

Closes #8837

chrome-capture-2023-3-3

@dlabrecq dlabrecq added the PF5 label Apr 2, 2023
@patternfly-build
Copy link
Contributor

patternfly-build commented Apr 2, 2023

@dlabrecq dlabrecq force-pushed the boxplot-chart branch 5 times, most recently from 5c62cdf to b924866 Compare April 3, 2023 13:57
@dlabrecq dlabrecq mentioned this pull request Apr 3, 2023
@dlabrecq dlabrecq marked this pull request as ready for review April 3, 2023 14:26
</div>
```

### Green with bottom aligned legend
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should the title be updated to match the themeColor?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes. Thank you

@tlabaj tlabaj requested review from mcarrano and mmenestr April 5, 2023 14:27
Copy link
Member

@mcarrano mcarrano left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm OK with this. But @mceledonia @andrew-ronaldson perhaps you should take a look to see if the styling is acceptable.

```js
import React from 'react';
import { Chart, ChartAxis, ChartBoxPlot, ChartCursorFlyout, ChartCursorTooltip, ChartThemeColor, createContainer } from '@patternfly/react-charts';
// import '@patternfly/patternfly/patternfly-charts.css'; // Required for mix-blend-mode CSS property
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this intended as a note to help consumers or did you mean to remove it?

Copy link
Member Author

@dlabrecq dlabrecq Apr 7, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This was intentional, but realized mix-blend-mode only applies to area charts. I removed the comment, thanks

Copy link
Collaborator

@andrew-ronaldson andrew-ronaldson left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, thanks

@nicolethoen nicolethoen merged commit 60e2a0e into patternfly:v5 Apr 12, 2023
@patternfly-build
Copy link
Contributor

Your changes have been released in:

  • @patternfly/react-charts@7.0.0-alpha.17
  • @patternfly/react-code-editor@5.0.0-alpha.65
  • @patternfly/react-core@5.0.0-alpha.64
  • @patternfly/react-docs@6.0.0-alpha.71
  • demo-app-ts@5.0.0-alpha.48
  • @patternfly/react-table@5.0.0-alpha.66

Thanks for your contribution! 🎉

@dlabrecq dlabrecq deleted the boxplot-chart branch June 6, 2023 01:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Box plot chart

8 participants