Skip to content

Conversation

@Qxisylolo
Copy link
Contributor

@Qxisylolo Qxisylolo commented Oct 20, 2025

Description

Screenshot

截屏2025-10-24 18 33 25 截屏2025-10-24 18 34 02

Testing the changes

Changelog

  • feat: update new color scheme for heatmap

Check List

  • All tests pass
    • yarn test:jest
    • yarn test:jest_integration
  • New functionality includes testing.
  • New functionality has been documented.
  • Update CHANGELOG.md
  • Commits are signed per the DCO using --signoff

opensearch-changeset-bot bot added a commit to Qxisylolo/OpenSearch-Dashboards that referenced this pull request Oct 20, 2025
@codecov
Copy link

codecov bot commented Oct 20, 2025

Codecov Report

❌ Patch coverage is 88.46154% with 3 lines in your changes missing coverage. Please review.
✅ Project coverage is 60.55%. Comparing base (091d031) to head (7ba13cd).

Files with missing lines Patch % Lines
...ents/visualizations/heatmap/heatmap_chart_utils.ts 91.66% 1 Missing and 1 partial ⚠️
...components/visualizations/heatmap/to_expression.ts 0.00% 0 Missing and 1 partial ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##             main   #10755      +/-   ##
==========================================
+ Coverage   60.54%   60.55%   +0.01%     
==========================================
  Files        4511     4511              
  Lines      121359   121385      +26     
  Branches    20266    20269       +3     
==========================================
+ Hits        73473    73502      +29     
+ Misses      42738    42735       -3     
  Partials     5148     5148              
Flag Coverage Δ
Linux_1 26.56% <ø> (ø)
Linux_2 38.82% <ø> (ø)
Linux_3 39.08% <ø> (ø)
Linux_4 33.64% <88.46%> (+0.01%) ⬆️
Windows_1 26.57% <ø> (+0.01%) ⬆️
Windows_2 38.79% <ø> (ø)
Windows_3 39.09% <ø> (ø)
Windows_4 33.64% <88.46%> (?)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Comment on lines 45 to 52
const newSchemeColor = {
purples: '#A669E2',
oranges: '#FF4B14',
yellows: '#ff9900',
blues: darkMode ? '#006CE0' : '#003B8F',
greens: darkMode ? '#008559' : '#005237',
reds: '#EB003B',
};
Copy link
Member

@ruanyl ruanyl Oct 21, 2025

Choose a reason for hiding this comment

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

I think we should not hardcode color code here, it should be different for different OUI themes.

ruanyl
ruanyl previously approved these changes Oct 27, 2025
return colors;
}

export const getScale = (colorSchema: ColorSchemas) => {
Copy link
Member

Choose a reason for hiding this comment

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

Suggest to rename this function to be more specific, like getColorRange?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

sure, thanks for the suggestion

Qxisylolo and others added 7 commits October 28, 2025 14:57
Signed-off-by: Qxisylolo <[email protected]>
Signed-off-by: Qxisylolo <[email protected]>
Signed-off-by: Qxisylolo <[email protected]>
Signed-off-by: Qxisylolo <[email protected]>
Signed-off-by: Qxisylolo <[email protected]>
Signed-off-by: Qxisylolo <[email protected]>
ruanyl
ruanyl previously approved these changes Oct 28, 2025
Signed-off-by: Qxisylolo <[email protected]>
@ruanyl ruanyl changed the title [Discover Vis] update new color scheme for heatmap [Explore Vis] update new color scheme for heatmap Oct 28, 2025
euiPaletteColorBlindColors[3],
euiPaletteColorBlindColors[9],
euiPaletteColorBlindColors[5],
euiPaletteColorBlindColors[1],
Copy link
Collaborator

Choose a reason for hiding this comment

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

Is this duplicate color intentional?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yes, in the new theme categories, we’ve defined two types of blue: purple blue and regular blue. But euiPaletteColorBlindColors only includes one blue, I duplicated it to cover both cases.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants