如何移除Syncfusion Flutter Cartesian Charts中的灰色多余线条

你看到的灰色线条是图表的绘图区域边框，当前代码未对该属性做设置，默认状态下它会显示带有宽度的边框。只需在SfCartesianChart组件中添加plotAreaBorderWidth: 0即可移除这些线条。

修改后的代码如下（关键修改已标注）：

Widget _buildGraphs() {
    return Container(
      height: MediaQuery.of(context).size.width,
      width: MediaQuery.of(context).size.width,
      padding: const EdgeInsets.all(10),
      child: SfCartesianChart(
        // 添加此行移除绘图区域边框
        plotAreaBorderWidth: 0,
        primaryXAxis: NumericAxis(
          title: AxisTitle(text: 'x / m'),
          crossesAt: 0,
          interval: 0.5,
          rangePadding: ChartRangePadding.additional,
          majorGridLines: const MajorGridLines(width: 0),
          minorGridLines: const MinorGridLines(width: 0),
          majorTickLines: const MajorTickLines(width: 0),
          minorTickLines: const MinorTickLines(width: 0),
        ),
        primaryYAxis: NumericAxis(
          title: AxisTitle(text: 'y / m'),
          crossesAt: 0,
          interval: 0.5,
          rangePadding: ChartRangePadding.additional,
          majorGridLines: const MajorGridLines(width: 0),
          minorGridLines: const MinorGridLines(width: 0),
          majorTickLines: const MajorTickLines(width: 0),
          minorTickLines: const MinorTickLines(width: 0),
        ),
        series: <CartesianSeries>[
          ScatterSeries<PointCharge, double>(
            dataSource: _pointCharges,
            xValueMapper: (PointCharge data, _) => data.x,
            yValueMapper: (PointCharge data, _) => data.y,
            markerSettings: const MarkerSettings(
              shape: DataMarkerType.circle,
            ),
          ),
          ..._lineGraphDataList.map<CartesianSeries>((seriesData) {
            return LineSeries<LineGraphData, double>(
              dataSource: seriesData,
              xValueMapper: (LineGraphData data, _) => data.x,
              yValueMapper: (LineGraphData data, _) => data.y,
              enableTooltip: false,
            );
          }).toList(),
        ],
        enableAxisAnimation: true,
        zoomPanBehavior: ZoomPanBehavior(
          enablePinching: true,
          enableDoubleTapZooming: true,
        ),
      ),
    );
  }

注：坐标轴本身（x、y轴线）会默认保留显示，无需额外调整，符合你只想显示坐标轴的需求。

内容的提问来源于stack exchange，提问作者deandrehaijiel