2

I'm using this library to show charts in my app.

With my data, the x-axis is always a DateTime

All I want to do is explicitly set the x-axis labels to show and WHERE to show them if possible, e.g.

  • Show 2 or 4 labels evenly spaced, beginning (so centred under the y-axis) and at end of the x-axis

Like this:

enter image description here

or this:

enter image description here

Here's what I have so far which doesn't quite work, but I'm not sure why:

    return DateTimeAxis(
      dateFormat: (showXAxisAsName) ? DateFormat("MMM") : DateFormat("dd/MM"),
      majorGridLines: MajorGridLines(width: 0),
      majorTickLines: MajorTickLines(width: 0),
      axisLine: AxisLine(
        width: 1,
        color: (axesColour != null) ? axesColour : GTColors.lightGrey,
      ),
      labelStyle: GTTextStyle.caption2.copyWith(
        color: (axesColour != null) ? axesColour : GTColors.lightGrey,
      ),
      minimum: (hasData) ? DateTime(first.year, first.month) : null,
      maximum: (hasData) ? DateTime(last.year, last.month) : null,
      intervalType: DateTimeIntervalType.months,
    );
Dave
  • 5,283
  • 7
  • 44
  • 66

1 Answers1

0

We suggest you the axisLabelFormatter to customize the axis label style and text based on your requirement,if you want to show only the first and last label then you can return the empty string in this callback except for the first and last label. In another way you have to set the interval property in the axis it defines the interval between the data points, so set the interval value based on your requirement.

UG:

• https://help.syncfusion.com/flutter/cartesian-charts/callbacks#axislabelformatter

• https://help.syncfusion.com/flutter/cartesian-charts/axis-types#customizing-interval

yuva
  • 436
  • 4
  • 9
  • How would I know whether it's the first or last? I don't see anything in the AxisLabelRenderDetails object that will tell me that. – Dave Jun 16 '22 at 19:32