feat: heatmap tooltip enhancements and fixes#847
Conversation
| timeZone: 'UTC', | ||
|
|
||
| xAxisLabel: { | ||
| name: '', |
There was a problem hiding this comment.
let's use a better and informative default X Value
| formatter: String, | ||
| }, | ||
| yAxisLabel: { | ||
| name: '', |
There was a problem hiding this comment.
let's use a better and informative default Y Value
| tooltipInfo.values.push({ | ||
| label: `${shape.datum.y} - ${xValueLabel}`, | ||
| label: config.xAxisLabel.name, | ||
| color: RGBtoString(shape.fill.color), |
There was a problem hiding this comment.
| color: RGBtoString(shape.fill.color), | |
| color: 'transparent', |
I think X and Y values should not be connected to the cell color
| // Y-axis value | ||
| tooltipInfo.values.push({ | ||
| label: config.yAxisLabel.name, | ||
| color: RGBtoString(shape.fill.color), |
There was a problem hiding this comment.
Same comment as above
| color: RGBtoString(shape.fill.color), | |
| color: 'transparent', |
|
|
||
| // Cell value | ||
| tooltipInfo.values.push({ | ||
| label: '', |
There was a problem hiding this comment.
Here, on XYAxis charts we use the spec.name or the spec.id as fallback
| label: '', | |
| label: label: spec.name ?? spec.id, |
You can add an optional name parameter on the Heatmap spec to use in this case. an empty name can be used if the user don't want the default parameter.
Codecov Report
@@ Coverage Diff @@
## master #847 +/- ##
==========================================
+ Coverage 70.01% 70.50% +0.49%
==========================================
Files 319 334 +15
Lines 10474 10760 +286
Branches 2221 2264 +43
==========================================
+ Hits 7333 7586 +253
- Misses 3132 3159 +27
- Partials 9 15 +6
Flags with carried forward coverage won't be shown. Click here to find out more.
Continue to review full report at Codecov.
|
# [23.2.0](v23.1.1...v23.2.0) (2020-10-06) ### Bug Fixes * **heatmap:** adjust pageSize based available chart height ([#849](#849)) ([9aa396b](9aa396b)) * **heatmap:** destroy canvas bbox calculator when done ([#844](#844)) ([42460bd](42460bd)) * **heatmap:** x-axis labels overlapping for time series data ([#850](#850)) ([9ebd879](9ebd879)) * **interactions:** recognise drag after 100ms and 4px ([#848](#848)) ([70626fe](70626fe)), closes [#748](#748) ### Features * heatmap tooltip enhancements and fixes ([#847](#847)) ([d879e05](d879e05))
|
🎉 This PR is included in version 23.2.0 🎉 The release is available on: Your semantic-release bot 📦🚀 |
# [23.2.0](elastic/elastic-charts@v23.1.1...v23.2.0) (2020-10-06) ### Bug Fixes * **heatmap:** adjust pageSize based available chart height ([opensearch-project#849](elastic/elastic-charts#849)) ([fd56099](elastic/elastic-charts@fd56099)) * **heatmap:** destroy canvas bbox calculator when done ([opensearch-project#844](elastic/elastic-charts#844)) ([4c1fd55](elastic/elastic-charts@4c1fd55)) * **heatmap:** x-axis labels overlapping for time series data ([opensearch-project#850](elastic/elastic-charts#850)) ([7cbd151](elastic/elastic-charts@7cbd151)) * **interactions:** recognise drag after 100ms and 4px ([opensearch-project#848](elastic/elastic-charts#848)) ([f7aa7f8](elastic/elastic-charts@f7aa7f8)), closes [opensearch-project#748](elastic/elastic-charts#748) ### Features * heatmap tooltip enhancements and fixes ([opensearch-project#847](elastic/elastic-charts#847)) ([6d763fb](elastic/elastic-charts@6d763fb))
Summary
formattedValuefor the cell valueHeatmapConfigasRecursivePartial