GitHub user soralee opened a pull request:
https://github.com/apache/zeppelin/pull/2133
[ZEPPELIN-1357][Umbrella] Text overlap in the MultiBarChart
### What is this PR for?
If using the `multiChartBar`, it often occurs overlap in text. So, this PR
is for preventing to overlap in text.
The below is the case what I updated.
1. The xLabel generally show all of the text without rotation (less than
30).
2. If the xLabel size is over than 30 and less than 80, the xLabel text are
rotated as 90 degree and displayed.
3. If the xLabel size is over than 80, the xLabel text are disappeared, but
the tooltip is displayed.
I have made improvements based on my thinking, so I would appreciate to
give me your feedback.
And if merged this PR, I'll update the feature so that user can use `min`
and `max` variables by user on web.
### What type of PR is it?
[Bug Fix | Improvement ]
### What is the Jira issue?
* [ZEPPELIN-1357; UI - label wrapping not done properly in
charts](https://issues.apache.org/jira/browse/ZEPPELIN/ZEPPELIN-1357)
### How should this be tested?
1. Run the paragraph for bank data in the `Basic Features (Spark)`
notebook.
2. Execute the following query.
```
%sql
select * from bank
```
3. Use the pivot in the `Setting` toggle in the `MultiBarChart` such as the
screenshots.
### Screenshots (if appropriate)
**[Before]**


**[After]**


### Questions:
* Does the licenses files need update? No
* Is there breaking changes for older versions? No
* Does this needs documentation? No
You can merge this pull request into a Git repository by running:
$ git pull https://github.com/soralee/zeppelin ZEPPELIN-1357_overlap_text
Alternatively you can review and apply these changes as the patch at:
https://github.com/apache/zeppelin/pull/2133.patch
To close this pull request, make a commit to your master/trunk branch
with (at least) the following in the commit message:
This closes #2133
----
commit 5b1930e8b8023e4d037667f71514ca565e0773ea
Author: soralee <[email protected]>
Date: 2017-03-14T05:07:44Z
prevent to overlap in text if using multiBarChart
commit f342b72e328ac5b0fe4f91b9da38aa3cf7eb3bed
Author: soralee <[email protected]>
Date: 2017-03-14T10:28:47Z
prevent to overlap in text if using multiBarChart
----
---
If your project is set up for it, you can reply to this email and have your
reply appear on GitHub as well. If your project does not have this feature
enabled and wishes so, or if the feature is enabled but not working, please
contact infrastructure at [email protected] or file a JIRA ticket
with INFRA.
---