Alexey A

Angular Chart Trend point label wrong position

4 posts in this topic

Hi

I have a problem with angular chart:

If lower limit value is not a zero then position of trend point label is wrong.

I have prepared test case:

 http://jsfiddle.net/AlexeyAl/m1qd99tk/

 

And one more question: How can I reduce chart margins? As you can see in test case - they are very redundant.

 

Best regards,

Alexey

 

Share this post


Link to post
Share on other sites
Hello,

 

Thanks for the query.

 

For your 1st problem i.e. If lower limit value is not a zero then position of trend point label is wrong.

 

Sol - This issue has been already logged internally, will keep you posted.

 

For the query i.e.  How can I reduce chart margins?

 

Sol - There are attributes to set chart margin, please go through our docs for the details -  http://www.fusioncharts.com/dev/chart-attributes.html?chart=angulargauge&attributeName=chart_chartRightMargin

 

and kindly refer the fiddle given below for the implementation.



 

Hope this will help,

Share this post


Link to post
Share on other sites
Hello Prerana,

 

thank you for yours response.

I know about margins attributes but I don't understand why there is huge amount of empty space when margins are zero.

If you look into the example: http://jsfiddle.net/AlexeyAl/uc249u4v/

then you will see that there are empty areas: Top - 20 px, Left 30 px, right - 37 px.

 

The reason of my question is that in version 3.11.1 chart calculation algorithm was changed.

The difference of rendering the same chart definition you can see in attached images.

 

Please let me know if I have some workaround to restore 3.10.1 behavior.

post-28267-0-58896800-1486038265_thumb.png

post-28267-0-25185100-1486038280_thumb.png

Share this post


Link to post
Share on other sites
Hello,

 

Thanks for replying back.

 

Its a bug, we have logged it internally, and will keep you posted regarding the same

 

For a workaround you can set the value of the chart margin attribute as negative.

e.g. "chartLeftMargin":"-20"

 

Kindly refer the fiddle below for the implementation.


 

Hope this will help,

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now