如何扑动syncfusion条形图背景网格线删除？

Question

如何扑动syncfusion条形图背景网格线删除？

\n

使用 pub.dev //syncfusion_flutter_charts 19.4.56\n https://pub.dev/packages/syncfusion_flutter_charts

\n

<图像网格线（灰色线）>

\n

\n

我的代码

\n

return SfCartesianChart(\n  title: ChartTitle(text: totalTaxString, textStyle: const TextStyle(fontWeight: FontWeight.bold)),\n  primaryXAxis: CategoryAxis(\n    maximumLabelWidth: MediaQuery.of(context).size.width > 480 ? MediaQuery.of(context).size.width * 0.3 : 100,\n    labelStyle: const TextStyle(overflow: TextOverflow.ellipsis)\n    // isVisible: false\n  ),\n  primaryYAxis: CategoryAxis(    \n    isVisible: false\n  ),\n  series: <BarSeries>[\n    BarSeries<ModelPioChartData, String>(\n      dataSource: listPioChartData,\n      pointColorMapper:(ModelPioChartData data, _) => data.color,\n      xValueMapper: (ModelPioChartData data, _) => data.x,\n      yValueMapper: (ModelPioChartData data, _) => data.y,\n      dataLabelMapper: (ModelPioChartData data, _) {\n        if(data.y.toStringAsFixed(0).length > 4) {\n          return "${data.y/10000}\xec\xa1\xb0 \xec\x9b\x90";\n        } else {\n          return "${data.y.toStringAsFixed(0)}\xec\x96\xb5 \xec\x9b\x90";\n        }\n        \n      },\n\n      dataLabelSettings: const DataLabelSettings(\n        isVisible: true\n      ),\n      enableTooltip: true,\n      \n    ),\n  ],\n);\n

\n

Answer 1

我建议您使用轴中的majorGridLines属性，您可以自定义主网格线的宽度、颜色和大小。我们附上了下面的代码片段和 UG 供您参考。

primaryXAxis:
   CategoryAxis(
     majorGridLines: const MajorGridLines(width: 0)
  ),

UG：https://help.syncfusion.com/flutter/cartesian-charts/axis-customization#grid-lines-customization