Skip to content

BUG 12725: Updated example stories data to match the callout value in grouped vertical bar chart #35458

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.

Sign up for GitHub

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

Open
v-baambati wants to merge 5 commits into
base: master
Choose a base branch
from
Open

BUG 12725: Updated example stories data to match the callout value in grouped vertical bar chart #35458

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
cef4039
updated example stories data to match the callout value in grouped ve…
v-baambati Nov 5, 2025
524b609
updated example stories data to match the callout value in grouped ve…
v-baambati Nov 6, 2025
778554a
Merge branch 'master' of https://github.com/microsoft/fluentui into N…
v-baambati Nov 6, 2025
b7c3d08
updated example stories data to match the callout value in grouped ve…
v-baambati Nov 10, 2025
0e16f02
Merge branch 'master' of https://github.com/microsoft/fluentui into N…
v-baambati Nov 10, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 16 additions & 16 deletions ...act-charts/stories/src/GroupedVerticalBarChart/GroupedVerticalBarChartDefault.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -50,9 +50,9 @@ export const GroupedVerticalBarDefault = (): JSXElement => {
color: getColorFromToken(DataVizPalette.color5),
legend: '2024',
xAxisCalloutData: '2024/04/30',
yAxisCalloutData: '44%',
yAxisCalloutData: '42%',
callOutAccessibilityData: {
ariaLabel: 'Group Jan - Mar 1 of 4, Bar series 3 of 4 2022, x value 2024/04/30, y value 44%',
ariaLabel: 'Group Jan - Mar 1 of 4, Bar series 3 of 4 2022, x value 2024/04/30, y value 42%',
},
},
{
Expand All @@ -61,9 +61,9 @@ export const GroupedVerticalBarDefault = (): JSXElement => {
color: getColorFromToken(DataVizPalette.color6),
legend: '2021',
xAxisCalloutData: '2021/04/30',
yAxisCalloutData: '44%',
yAxisCalloutData: '39%',
callOutAccessibilityData: {
ariaLabel: 'Group Jan - Mar 1 of 4, Bar series 4 of 4 2021, x value 2021/04/30, y value 44%',
ariaLabel: 'Group Jan - Mar 1 of 4, Bar series 4 of 4 2021, x value 2021/04/30, y value 39%',
},
},
],
Expand Down Expand Up @@ -99,9 +99,9 @@ export const GroupedVerticalBarDefault = (): JSXElement => {
color: getColorFromToken(DataVizPalette.color5),
legend: '2024',
xAxisCalloutData: '2024/05/30',
yAxisCalloutData: '3%',
yAxisCalloutData: '7%',
callOutAccessibilityData: {
ariaLabel: 'Group Apr - Jun 2 of 4, Bar series 3 of 4 2024, x value 2024/05/30, y value 3%',
ariaLabel: 'Group Apr - Jun 2 of 4, Bar series 3 of 4 2024, x value 2024/05/30, y value 7%',
},
},
{
Expand All @@ -110,9 +110,9 @@ export const GroupedVerticalBarDefault = (): JSXElement => {
color: getColorFromToken(DataVizPalette.color6),
legend: '2021',
xAxisCalloutData: '2021/05/30',
yAxisCalloutData: '3%',
yAxisCalloutData: '20%',
callOutAccessibilityData: {
ariaLabel: 'Group Apr - Jun 2 of 4, Bar series 4 of 4 2021, x value 2021/05/30, y value 3%',
ariaLabel: 'Group Apr - Jun 2 of 4, Bar series 4 of 4 2021, x value 2021/05/30, y value 20%',
},
},
],
Expand Down Expand Up @@ -149,9 +149,9 @@ export const GroupedVerticalBarDefault = (): JSXElement => {
color: getColorFromToken(DataVizPalette.color5),
legend: '2024',
xAxisCalloutData: '2024/06/30',
yAxisCalloutData: '50%',
yAxisCalloutData: '47%',
callOutAccessibilityData: {
ariaLabel: 'Group Jul - Sep 3 of 4, Bar series 3 of 4 2024, x value 2024/06/30, y value 50%',
ariaLabel: 'Group Jul - Sep 3 of 4, Bar series 3 of 4 2024, x value 2024/06/30, y value 47%',
},
},
{
Expand All @@ -160,9 +160,9 @@ export const GroupedVerticalBarDefault = (): JSXElement => {
color: getColorFromToken(DataVizPalette.color6),
legend: '2021',
xAxisCalloutData: '2021/06/30',
yAxisCalloutData: '50%',
yAxisCalloutData: '16%',
callOutAccessibilityData: {
ariaLabel: 'Group Jul - Sep 3 of 4, Bar series 4 of 4 2021, x value 2021/06/30, y value 50%',
ariaLabel: 'Group Jul - Sep 3 of 4, Bar series 4 of 4 2021, x value 2021/06/30, y value 16%',
},
},
],
Expand Down Expand Up @@ -198,9 +198,9 @@ export const GroupedVerticalBarDefault = (): JSXElement => {
color: getColorFromToken(DataVizPalette.color5),
legend: '2024',
xAxisCalloutData: '2024/07/30',
yAxisCalloutData: '3%',
yAxisCalloutData: '4%',
callOutAccessibilityData: {
ariaLabel: 'Group Oct - Dec 4 of 4, Bar series 3 of 4 2024, x value 2024/07/30, y value 3%',
ariaLabel: 'Group Oct - Dec 4 of 4, Bar series 3 of 4 2024, x value 2024/07/30, y value 4%',
},
},
{
Expand All @@ -209,9 +209,9 @@ export const GroupedVerticalBarDefault = (): JSXElement => {
color: getColorFromToken(DataVizPalette.color6),
legend: '2021',
xAxisCalloutData: '2021/07/30',
yAxisCalloutData: '3%',
yAxisCalloutData: '25%',
callOutAccessibilityData: {
ariaLabel: 'Group Oct - Dec 4 of 4, Bar series 4 of 4 2021, x value 2021/07/30, y value 3%',
ariaLabel: 'Group Oct - Dec 4 of 4, Bar series 4 of 4 2021, x value 2021/07/30, y value 25%',
},
},
],
Expand Down
32 changes: 16 additions & 16 deletions ...ples/src/react-charting/GroupedVerticalBarChart/GroupedVerticalBarChart.Basic.Example.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -118,9 +118,9 @@ export class GroupedVerticalBarChartBasicExample extends React.Component<{}, IGr
color: getColorFromToken(DataVizPalette.color5),
legend: '2024',
xAxisCalloutData: '2024/04/30',
yAxisCalloutData: '44%',
yAxisCalloutData: '42%',
callOutAccessibilityData: {
ariaLabel: 'Group Jan - Mar 1 of 4, Bar series 3 of 4 2022, x value 2024/04/30, y value 44%',
ariaLabel: 'Group Jan - Mar 1 of 4, Bar series 3 of 4 2022, x value 2024/04/30, y value 42%',
},
},
{
Expand All @@ -129,9 +129,9 @@ export class GroupedVerticalBarChartBasicExample extends React.Component<{}, IGr
color: getColorFromToken(DataVizPalette.color6),
legend: '2021',
xAxisCalloutData: '2021/04/30',
yAxisCalloutData: '44%',
yAxisCalloutData: '39%',
callOutAccessibilityData: {
ariaLabel: 'Group Jan - Mar 1 of 4, Bar series 4 of 4 2021, x value 2021/04/30, y value 44%',
ariaLabel: 'Group Jan - Mar 1 of 4, Bar series 4 of 4 2021, x value 2021/04/30, y value 39%',
},
},
],
Expand Down Expand Up @@ -167,9 +167,9 @@ export class GroupedVerticalBarChartBasicExample extends React.Component<{}, IGr
color: getColorFromToken(DataVizPalette.color5),
legend: '2024',
xAxisCalloutData: '2024/05/30',
yAxisCalloutData: '3%',
yAxisCalloutData: '7%',
callOutAccessibilityData: {
ariaLabel: 'Group Apr - Jun 2 of 4, Bar series 3 of 4 2024, x value 2024/05/30, y value 3%',
ariaLabel: 'Group Apr - Jun 2 of 4, Bar series 3 of 4 2024, x value 2024/05/30, y value 7%',
},
},
{
Expand All @@ -178,9 +178,9 @@ export class GroupedVerticalBarChartBasicExample extends React.Component<{}, IGr
color: getColorFromToken(DataVizPalette.color6),
legend: '2021',
xAxisCalloutData: '2021/05/30',
yAxisCalloutData: '3%',
yAxisCalloutData: '20%',
callOutAccessibilityData: {
ariaLabel: 'Group Apr - Jun 2 of 4, Bar series 4 of 4 2021, x value 2021/05/30, y value 3%',
ariaLabel: 'Group Apr - Jun 2 of 4, Bar series 4 of 4 2021, x value 2021/05/30, y value 20%',
},
},
],
Expand Down Expand Up @@ -217,9 +217,9 @@ export class GroupedVerticalBarChartBasicExample extends React.Component<{}, IGr
color: getColorFromToken(DataVizPalette.color5),
legend: '2024',
xAxisCalloutData: '2024/06/30',
yAxisCalloutData: '50%',
yAxisCalloutData: '47%',
callOutAccessibilityData: {
ariaLabel: 'Group Jul - Sep 3 of 4, Bar series 3 of 4 2024, x value 2024/06/30, y value 50%',
ariaLabel: 'Group Jul - Sep 3 of 4, Bar series 3 of 4 2024, x value 2024/06/30, y value 47%',
},
},
{
Expand All @@ -228,9 +228,9 @@ export class GroupedVerticalBarChartBasicExample extends React.Component<{}, IGr
color: getColorFromToken(DataVizPalette.color6),
legend: '2021',
xAxisCalloutData: '2021/06/30',
yAxisCalloutData: '50%',
yAxisCalloutData: '16%',
callOutAccessibilityData: {
ariaLabel: 'Group Jul - Sep 3 of 4, Bar series 4 of 4 2021, x value 2021/06/30, y value 50%',
ariaLabel: 'Group Jul - Sep 3 of 4, Bar series 4 of 4 2021, x value 2021/06/30, y value 16%',
},
},
],
Expand Down Expand Up @@ -266,9 +266,9 @@ export class GroupedVerticalBarChartBasicExample extends React.Component<{}, IGr
color: getColorFromToken(DataVizPalette.color5),
legend: '2024',
xAxisCalloutData: '2024/07/30',
yAxisCalloutData: '3%',
yAxisCalloutData: '4%',
callOutAccessibilityData: {
ariaLabel: 'Group Oct - Dec 4 of 4, Bar series 3 of 4 2024, x value 2024/07/30, y value 3%',
ariaLabel: 'Group Oct - Dec 4 of 4, Bar series 3 of 4 2024, x value 2024/07/30, y value 4%',
},
},
{
Expand All @@ -277,9 +277,9 @@ export class GroupedVerticalBarChartBasicExample extends React.Component<{}, IGr
color: getColorFromToken(DataVizPalette.color6),
legend: '2021',
xAxisCalloutData: '2021/07/30',
yAxisCalloutData: '3%',
yAxisCalloutData: '25%',
callOutAccessibilityData: {
ariaLabel: 'Group Oct - Dec 4 of 4, Bar series 4 of 4 2021, x value 2021/07/30, y value 3%',
ariaLabel: 'Group Oct - Dec 4 of 4, Bar series 4 of 4 2021, x value 2021/07/30, y value 25%',
},
},
],
Expand Down