We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback
Essential JS2

Syncfusion jQuery based widgets are no longer in active development. Switch to our pure JavaScript based next generation Essential JS 2 library.

Multi Level label display border wrong when value is negative

Thread ID:

Created:

Updated:

Platform:

Replies:

145258 Jun 14,2019 03:47 AM UTC Jun 17,2019 10:45 AM UTC jQuery 3
loading
Tags: ejChart
Sutthipong
Asked On June 14, 2019 03:47 AM UTC

My project has requirement to display chart as multi level label for x-axis I used code from demo everything work fine until value in chart is negative value the border of label display in wrong position

I attached screenshot of output 

Attachment: screenshotchart_83f1a064.zip

Baby Palanidurai [Syncfusion]
Replied On June 17, 2019 05:57 AM UTC

Hi Sutthipong, 
 
Greetings from Syncfusion. 
 
We have analyzed your query with the attached screenshot. From that, we are not clear about your exact problem. With the provided information, we have created a simple sample for multi-level labels. In that, we have used negative values for the x-axis and the border is working fine. Please find below sample and screenshot, 
 
Screenshot: 
 
 
 
Since we are not aware of your exact scenario which the issue is reproduced. Kindly check the above sample and revert us with following information which will be more helpful for further analysis and provide you the solution sooner. 
 
·       Please share your sample (or) code snippet. 
 
·       Try to replicate the reported scenario in the above sample. 
 
·       Share more information about your exact problem. 
 
·       Share your data source file 
 
Regards, 
Baby. 


Sutthipong
Replied On June 17, 2019 06:22 AM UTC

It's occured when y value is negative.
 This is my y axis setting

primaryXAxis: {
                labelBorder: { width: 1 },
                range: { interval: 1 },
                crossesAt: 0,
                showNextToAxisLine: false,
                majorGridLines: { visible: false },
                font: {
                    color:'black',
                    fontWeight:'bold',
                    size:'12px'
                }
            }

Border of label display at axis cross according to my previous screenshot

From your sample this is what I do to reproduce my problem 

Baby Palanidurai [Syncfusion]
Replied On June 17, 2019 10:45 AM UTC

Hi Sutthipong, 
 
Thanks for the update. 
 
We were able to reproduce the issue Axis label border not working properly while using crossesAt in axis and we confirm this as a bug and logged a defect report. You can keep track of the bug from the feedback portal below.  
 
 
The fix will be available in our upcoming Volume 2 main release 2019 which is scheduled to be rolled out at end of June 2019. 

If you have any more specification/precise replication procedure or a scenario to be tested, you can add it as a comment in the portal.  
  
Thanks,  
Baby. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon