search

meta-magic / amexio.github.io

Amexio is a rich set of Angular 7 (170+) components powered by HTML5 & CSS3 for Responsive Design and with 80+ Material Design Themes, UI Components, Charts, Gauges, Data Point Widgets, Dashboards. Amexio is completely Open Sourced and Free. It's based on Apache 2 License. You can use it in your production grade work today at no cost or no obligation.
http://www.amexio.tech
Apache License 2.0
167 stars 72 forks source link

Amexio-d3-chart. Rotation for long label at x-Axis #137

Closed baminmru closed 5 years ago

baminmru commented 5 years ago

I'm submitting a...


[ ] Regression (a behavior that used to work and stopped working in a new release)
[ ] Bug report  
[X] Feature request
[ ] Documentation issue or request
[ ] Support request

Current behavior

Data at x-Axis are overlaps if label is long or count of label is big.

Expected behavior

Rotate label to fixed angle. For example as here: http://www.d3noob.org/2013/01/how-to-rotate-text-labels-for-x-axis-of.html

Minimal reproduction of the problem with instructions

For bug reports please provide the STEPS TO REPRODUCE and if possible a MINIMAL DEMO of the problem via https://plnkr.co or similar (you can use Our Amexio Plunker as a starting point: http://plnkr.co/edit/M9AeGH?p=info)

What is the motivation / use case for changing the behavior?

Environment


Angular version: X.Y.Z


Browser:
- [ ] Chrome (desktop) version XX
- [ ] Chrome (Android) version XX
- [ ] Chrome (iOS) version XX
- [ ] Firefox version XX
- [ ] Safari (desktop) version XX
- [ ] Safari (iOS) version XX
- [ ] IE version XX
- [ ] Edge version XX

For Tooling issues:
- Node version: XX  
- Platform:  

Others:
rashmithakkar commented 5 years ago

@baminmru

Can you please share example on stackblitz.. So it is easy for us to solve the issue

rashmithakkar commented 5 years ago

@baminmru

Please refer the api docs . If data is huge, x axis gets intervals and chart is plotted and have provided slant as a input which makes x axis label rotate.