Scatter Chart

Hi!
This is my figma scatter chart:

Image_1711_1700833650122

Below is my syncfusion scatter chart:
Image_9783_1700833356354
Issues:
1- I do not want the chart area border top.
2- The X-axis title should not be in the centre, it should move to the left.
3- The Y-axis title (Unit Price ) should move to the top, not remain in the centre.

Thanks


2 Replies

NP Nishanthi Panner Selvam Syncfusion Team November 27, 2023 09:21 AM UTC

Umair,


Greetings from Syncfusion.


Query1: Do not want the chart area border top.


We have analyzed your query based on that, it is not possible to remove chart area border only from top, However we can remove entire chart area border and set specific line style for both X-Axis and Y-Axis. By doing this, the chart area will give the appearance of having no top border.


We have attached code-snippet, sample and screenshot for your reference.


Code-snippet:


public primaryXAxis: Object = {

            lineStyle :{

                width: 1

            }

    };

public primaryYAxis: Object = {

                lineStyle:

               {

                       width: 1

                },

   };


Screenshot:



Sample: https://stackblitz.com/edit/angular-jyjw52-krpdjq?file=src%2Fapp.component.ts


Query2, Query 3: The X-axis title should not be in the centre, it should to the left, The Y-axis title (Unit Price ) should move to the top, not remain in the centre.


We have considered your reported scenario as improvement and logged a feature request on this and it will be included in our volume 4 release, which is scheduled to be rolled out on December 13, 2023. We will notify you once it has been included. In the meantime, you can keep track of the progress through the feedback portal below.


Feedback : https://www.syncfusion.com/feedback/45946/support-to-improve-title-style-for-axis-in-chart


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.


Regards,

Nishanthi




NP Nishanthi Panner Selvam Syncfusion Team December 18, 2023 03:55 PM UTC

Umair,


We are glad to announce that our Essential Studio 2023 Volume 4 release v24.1.41 is rolled out. We have included the improvement for the "Alignment of axis title (Near, Far, Center)" and it is available for download at the following link.


Essential Studio 2023 Volume 4 Main Release v24.1.41 is available for download | Announcements Forums | Syncfusion


Feedback:  https://www.syncfusion.com/feedback/45946/support-to-improve-titlestyle-for-axis-in-chart

Sample: https://stackblitz.com/edit/angular-jyjw52-a3q4ab?file=src%2Fapp.component.ts


We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.


Regards,

Nishanthi


Loader.
Up arrow icon