-
Notifications
You must be signed in to change notification settings - Fork 2.8k
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
N/M variant of HBC #33078
N/M variant of HBC #33078
Conversation
@@ -13,6 +13,12 @@ export default { | |||
|
|||
export const Basic: Story<FluentHorizontalBarChart> = renderComponent(storyTemplate).bind({}); | |||
|
|||
export const NMVariant: Story<FluentHorizontalBarChart> = renderComponent(html<StoryArgs<FluentHorizontalBarChart>>` | |||
<div> | |||
<fluent-horizontalbarchart variant="part-to-whole"> </fluent-horizontalbarchart> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
use this as an enum similar to absolute variant
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Enum is already defined. This is passed as an attribute similar to prop that we used in React.
const getChartData = () => (data!.chartData![0].data ? data!.chartData![0].data : 0); | ||
|
||
if (showRatio) { | ||
const ratioDiv = chartTitleDiv.append('div').attr('role', 'text'); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Line 448,449
Previous Behavior
New Behavior
Added N/M variant of Multi Stacked Horizontal bar chart.
Related Issue(s)