Skip to content
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

adding title to x_axis labels #7845

Merged
merged 3 commits into from
Aug 2, 2016
Merged

adding title to x_axis labels #7845

merged 3 commits into from
Aug 2, 2016

Conversation

ppisljar
Copy link
Member

@ppisljar ppisljar commented Jul 26, 2016

in response to -- Option to wrap long fields in data table #2025

  • i decreased maxRotatedLengths and added title to x-axis labels ti show a full text of x-axis values on mouseover

screenshot

})
.append('title')
.text(function () {
return this.__data__;
Copy link
Contributor

Choose a reason for hiding this comment

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

My d3 is a little rusty, but I'm not sure data is the most appropriate way to access the text here. Won't the first parameter passed to this function contain the text you need?

Also, indentation needs fixed.

@Bargs
Copy link
Contributor

Bargs commented Jul 26, 2016

@ppisljar could you provide a screenshot in the PR description of the intended effect? It was a little hard to figure out since the original issue started out talking about data tables.

@Bargs Bargs assigned ppisljar and unassigned Bargs Jul 26, 2016
@Bargs
Copy link
Contributor

Bargs commented Jul 27, 2016

LGTM. Let's try to get someone with some more d3 knowledge to take a second look

@Bargs Bargs removed their assignment Jul 27, 2016
@jbudz jbudz self-assigned this Jul 27, 2016
@@ -351,6 +351,10 @@ export default function XAxisFactory(Private) {
.attr('dy', '-.60em')
.attr('transform', function rotate() {
return 'rotate(-90)';
})
.append('title')
.text(function (text) {
Copy link
Contributor

Choose a reason for hiding this comment

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

Maybe just do .text(text => text)

@bevacqua
Copy link
Contributor

LGTM except minor comment about code style

@jbudz jbudz removed their assignment Jul 27, 2016
@ppisljar ppisljar merged commit 468cb2c into elastic:master Aug 2, 2016
@ppisljar ppisljar deleted the fix/2025 branch August 2, 2016 12:01
@spalger
Copy link
Contributor

spalger commented Oct 11, 2016

This should be backported to 5.x I think

@epixa
Copy link
Contributor

epixa commented Oct 26, 2016

I confirmed that this change is in 5.x and 5.0, though I didn't track down the commits

@epixa epixa added the v5.0.0 label Oct 26, 2016
airow pushed a commit to airow/kibana that referenced this pull request Feb 16, 2017
adding title to x_axis labels

Former-commit-id: 468cb2c
tkajtoch added a commit that referenced this pull request Jul 13, 2024
`v95.2.0`⏩`v95.3.0`

_[Questions? Please see our Kibana upgrade
FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams)_

---

## [`v95.3.0`](https://github.com/elastic/eui/releases/v95.3.0)

- Updated `EuiThemeProvider`s to allow modifying/setting custom
`breakpoint`s in nested usage (as opposed to only at the top
`EuiProvider` level) ([#7862](elastic/eui#7862))

**Bug fixes**

- Fixed a Chrome/Edge CSS `mask-image` bug that was affecting scroll
overflow shadow utilties
([#7855](elastic/eui#7855))

**CSS-in-JS conversions**

- Converted `EuiColorPicker` to Emotion; Removed `$euiColorPickerWidth`
([#7845](elastic/eui#7845))
- Converted `EuiColorPickerSwatch` to Emotion
([#7853](elastic/eui#7853))
- Converted `EuiColorPalettePicker` and `EuiColorPaletteDisplay` to
Emotion ([#7854](elastic/eui#7854))
  - Removed `$euiColorPaletteDisplaySizes`
  - Removed `@mixin euiColorPaletteInnerBorder`
- Removed `$euiColorPickerValueRange0`, `$euiColorPickerValueRange1`,
`$euiColorPickerSaturationRange0`, `$euiColorPickerSaturationRange1`,
and `$euiColorPickerIndicatorSize`
([#7859](elastic/eui#7859))

**Accessibility**

- Updated the `aria-label` attribute for the `EuiFilePicker` remove file
button ([#7860](elastic/eui#7860))

---------

Co-authored-by: kibanamachine <[email protected]>
Co-authored-by: Elastic Machine <[email protected]>
cee-chen pushed a commit to cee-chen/kibana that referenced this pull request Sep 12, 2024
`v95.2.0`⏩`v95.3.0`

_[Questions? Please see our Kibana upgrade
FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams)_

---

- Updated `EuiThemeProvider`s to allow modifying/setting custom
`breakpoint`s in nested usage (as opposed to only at the top
`EuiProvider` level) ([elastic#7862](elastic/eui#7862))

**Bug fixes**

- Fixed a Chrome/Edge CSS `mask-image` bug that was affecting scroll
overflow shadow utilties
([elastic#7855](elastic/eui#7855))

**CSS-in-JS conversions**

- Converted `EuiColorPicker` to Emotion; Removed `$euiColorPickerWidth`
([elastic#7845](elastic/eui#7845))
- Converted `EuiColorPickerSwatch` to Emotion
([elastic#7853](elastic/eui#7853))
- Converted `EuiColorPalettePicker` and `EuiColorPaletteDisplay` to
Emotion ([elastic#7854](elastic/eui#7854))
  - Removed `$euiColorPaletteDisplaySizes`
  - Removed `@mixin euiColorPaletteInnerBorder`
- Removed `$euiColorPickerValueRange0`, `$euiColorPickerValueRange1`,
`$euiColorPickerSaturationRange0`, `$euiColorPickerSaturationRange1`,
and `$euiColorPickerIndicatorSize`
([elastic#7859](elastic/eui#7859))

**Accessibility**

- Updated the `aria-label` attribute for the `EuiFilePicker` remove file
button ([elastic#7860](elastic/eui#7860))

---------

Co-authored-by: kibanamachine <[email protected]>
Co-authored-by: Elastic Machine <[email protected]>
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.

6 participants