如何去除SfCartesianChart开头和结尾的空格

Question

我正在使用 syncfusion_flutter_charts 在 flutter 中创建图表，但图表的开头和结尾处存在未知的间距，如下所示

这是我的代码，

SfCartesianChart(
  crosshairBehavior: CrosshairBehavior(
    enable: true,
    lineType: CrosshairLineType.vertical,
    activationMode: ActivationMode.singleTap,
    lineDashArray: [2, 2],
  ),
  primaryXAxis: const CategoryAxis(
    majorGridLines: MajorGridLines(
      color: Colors.transparent,
    ),
  ), // Initialize category axis.
  series: <AreaSeries<Map<String, dynamic>, String>>[
    // Initialize line series.
    AreaSeries<Map<String, dynamic>, String>(
        borderColor: graphThemeColor,
        borderWidth: 1.spMin,
        gradient: LinearGradient(
            colors: [
              graphThemeColor.withOpacity(.2),
              Colors.transparent
            ],
            begin: Alignment.topCenter,
            end: Alignment.bottomCenter),
        dataSource: graphValues,
        xValueMapper: (Map value, _) => value['x'],
        yValueMapper: (Map value, _) => value['y'])
  ],
)

如何去除该填充物？

Answer 1

我们想让您知道，对于作为 CategoryAxis 的 PrimaryXAxis，labelPlacement 属性的默认值为 LabelPlacement. BetweenTicks，它将轴标签定位在刻度之间。因此，填充应用于轴标签的起点和终点之间。为了避免这种行为，您可以将 labelPlacement 设置为 LabelPlacement.onTicks，这会将轴标签直接定位在刻度上。我们提供了代码片段和输出供您参考。

输出截图：

代码片段：

          primaryXAxis: CategoryAxis(

          labelPlacement: LabelPlacement.onTicks,

          majorGridLines: const MajorGridLines(

            color: Colors.transparent,

          ),

        ),

如果您需要任何进一步的帮助，请告诉我们。

问候，

Preethika Selvam。