Angular Chart X-axis Text overlap on each other

[santoshshinde2012]

First, let me thank you for your grate code which is helpful for me.

Second,I have use this code with ionic framework i got result properly but unfortunately my x-axis chart text overlap on each other.

Please help me what i will do with this or any changes in code which show text properly or any another solution.

[lvarayut]

Did you figure it out? I'm facing the same issue.

[santoshshinde2012]

This issue on small screen device , you may be solved by using notation on x - axis.

[lvarayut]

@santoshshinde2012 Thanks for your response. Could you give me some example?

[santoshshinde2012]

Simple way to use single character on x axis and it define on next screen

[lvarayut]

I'm not sure what do you mean. Did you mean setting the xAxisTickFormat option? Could you show some code example instead?

[AVatch]

I would suggest for the option to rotate the x-axis text so that it is vertical this way you can have longer text without overlapping, like timestamps.

I believe d3 has this: http://stackoverflow.com/questions/11252753/rotate-x-axis-text-in-d3

This can be configured in the config property