CODEWITHSUNDEEP
flutterchartsbar-chart
Dunnow
Dunnow

Reputation: 414

Customize axis in flutter charts and remove dashes

I'm trying to space a bit more the following bars from the legend and remove the "tick" line and cannot figure out how to do that.

enter image description here

I'm using charts_flutter: ^0.8.1 The code I have right now is as follows

            Directionality(
              textDirection: TextDirection.rtl,
              child: charts.BarChart(
                series,
                animate: true,
                vertical: false,
                defaultRenderer: charts.BarRendererConfig(
                  cornerStrategy: const charts.ConstCornerStrategy(0),
                ),
                primaryMeasureAxis: charts.NumericAxisSpec(
                  renderSpec: charts.NoneRenderSpec(),
                ),
                domainAxis: charts.OrdinalAxisSpec(
                  showAxisLine: false,
                ),
              ),
            ),

Thanks for the help!

Upvotes: 0

Views: 1471

Answers (2)

Yuu Woods
Yuu Woods

Reputation: 1348

How about this?

domainAxis: charts.OrdinalAxisSpec(
  showAxisLine: false,
  renderSpec: charts.SmallTickRendererSpec(
    tickLengthPx: 0,
  ),
),

Upvotes: 0

Dunnow
Dunnow

Reputation: 414

I have solved it by setting a renderSpec overriding the lineStyle

                  renderSpec: new charts.SmallTickRendererSpec(

                    lineStyle: new charts.LineStyleSpec(
                        color: charts.MaterialPalette.transparent),
                  ),

Upvotes: 2

Related Questions