1. Home
  2. Forum
  3. Flutter
  4. Gridlines

Gridlines

How can i add a gridline on every x-axis label that has a specific date like lets say midnight so the format for the x label would be yyyy/MM/dd 00:00:00, or to add a plotband that would stretch for each day i tried the plot band but it just makes the whole chart gray. 

10 Replies 1 reply marked as answer
DP Dharanitharan Palanisamy Syncfusion Team May 28, 2021 10:56 AM UTC

Hi Werner, 
 
Greetings from the crew at Syncfusion. We have looked through your request and recommend that you use the majorGridLines and minorGridLines properties to adjust them. For further information, see the help paper below. Please utilize the sample that we have attached. The axis labels are not visible for all grid lines because they intersect. We hide them by default, but you can change this using the labelIntersectAction parameter. For the plotband, you can use the sample link below to give color to each range of platbands as shown in the example.d for your reference. Use the dateFormat property to format the label, as shown in the attached example.  
 
Plotband sample 
Help documents 
 
Thanks, 
Dharanitharan. P 
 


WS Werner Schoeman May 31, 2021 07:51 AM UTC

Thank you i got this working, i now have another problem when i zoom in on my chart it gets to a certain zoom point where it then resets to the initial zoom it reaches where the labels will show the hours and then resets to days, i do have these enabled not sure if that is what is giving the problem

autoScrollingDelta: zoomDays,
        autoScrollingDeltaType: chart.DateTimeIntervalType.auto,

DP Dharanitharan Palanisamy Syncfusion Team June 1, 2021 02:00 PM UTC

Hi Werner, 
 
We have analyzed your scenario and would like to tell you that the zoom factor and zoom position is not maintaining in the auto scrolling feature. So, we considered your requirement and logged a feedback for this, also has been scheduled to available in the volume 2 main release which is expected to be rolled out on the end of this month (June 2021). We will update you once the release has been rolled out and also you can track the status of this feature from the below feedback link. 
 
 
Thanks, 
Dharanitharan. P 


WS Werner Schoeman June 2, 2021 10:43 AM UTC

Thank you very much i will keep my eye out for the update

DD Dharanidharan Dharmasivam Syncfusion Team June 3, 2021 03:55 PM UTC

Hi Werner, 
  
Most welcome. We will update you once the release has been rolled and we appreciate your patience until then. 
  
Thanks, 
Dharani. 


WS Werner Schoeman June 11, 2021 07:11 AM UTC

Hello i got another question just want to see if you can help, so i have 6 button that sets the autoScrollingDelta when i pann to previous dates on the chart and then i want to set the autoScrollingDelta from lets say 14 to 7 as soon as it changes the chart will jump back to the end any way i can keep the current position of where i am on the chart and set the autoScrollingDelta and it will stay on the same place?


DP Dharanitharan Palanisamy Syncfusion Team June 14, 2021 07:05 AM UTC

Hi Werner, 
 
We have investigated your request and can tell you that this is the chart's auto-scrolling feature's default functionality. When you set the auto-scrolling delta value, it changes to the most recent auto-scrolling delta value, and if you want to keep the visible range the same, you may do so by utilizing the chart's visibleMinimum and visibleMaximum properties. 
 
Thanks, 
Dharanitharan. P 
 
 


WS Werner Schoeman June 14, 2021 08:01 AM UTC

Thank you very much i will keep that in mind 

DP Dharanitharan Palanisamy Syncfusion Team June 15, 2021 06:54 AM UTC

Hi Werner, 
 
Most welcome and thanks for the revert. Please revert us if you need any further assistance on this and we are always happy on assisting you. 
 
Thanks, 
Dharanitharan. P 


DP Dharanitharan Palanisamy Syncfusion Team June 30, 2021 08:50 AM UTC

Hi Werner, 

Thank you for your patience. We are glad to announce that our 2021 Volume 2 release version 19.2.44 is rolled out.  Now, the zoom factor and zoom position, will be maintained properly when enabled auto-scrolling and kindly use the following code snippet as a reference. 

 Kindly update to the latest version to use this feature from the below link.
https://pub.dev/packages/syncfusion_flutter_charts/versions/19.2.44 

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, 
Dharanitharan. P 


Marked as answer
Loader.
Up arrow icon