-
Notifications
You must be signed in to change notification settings - Fork 142
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
26841 Update Sample Bar Chart to support high contrast mode #40
26841 Update Sample Bar Chart to support high contrast mode #40
Conversation
dist | ||
.api |
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.
Thanks for cleanup and adding this
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.
😄
|
||
barChartDataPoints.push({ | ||
category: category.values[i] + '', | ||
color, | ||
strokeColor, |
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.
Please use thicker strokes for high-contrast mode (native visuals use stroke-width 2
)
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.
Done
src/barChart.ts
Outdated
: null; | ||
} | ||
|
||
function getAxisTextFillColor( |
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.
I can't spot the bug here, but when testing the visual, axis text is always black, it should be foreground color.
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.
done. Issue was related to applying color
instead of fill
src/barChart.ts
Outdated
}) | ||
.style('fill-opacity', viewModel.settings.generalView.opacity / 100); | ||
.style({ | ||
'fill-opacity': viewModel.settings.generalView.opacity / 100, |
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.
Please add stroke opacity for highlight indication in high-contrast mode (native use stroke-opacity 0.4
)
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.
done. Thanks for your notes.
No description provided.