如何在 Flutter 中更改 SfCircularChart() 中的图例图标

Posted 2023-02-16

【中文标题】如何在 Flutter 中更改 SfCircularChart() 中的图例图标

【英文标题】：How to change the Legend Icon in SfCircularChart() in Flutter

【发布时间】：2021-09-22 20:59:20

【问题描述】：

我在 SfCircularChart() 中使用 RadialBarSeries()。 调用Legend()（在SfCircularChart() 中的属性legend）后， 我得到以下信息：

我想把这些圆形图标改成普通的方形图标。 这是我的代码：

  child: SfCircularChart(
    legend: Legend(
      isVisible: true,
      overflowMode: LegendItemOverflowMode.wrap,
      position: LegendPosition.left,
    ),
    series: <CircularSeries>[
      RadialBarSeries<Qualification, String>(
        dataLabelSettings: DataLabelSettings(isVisible: true),
        dataSource: _qualifications,
        xValueMapper: (Qualification data, _) => data.name,
        yValueMapper: (Qualification data, _) => data.value
      )
    ],
  )

【参考方案1】：

你可以这样做。

 child: SfCircularChart(
    title: ChartTitle(text: 'Advances'),
    palette: const <Color>[
      Color(0xFFffc107),
      Color(0xFF0386E8),
    ],
    legend: Legend(
      isVisible: true,
      overflowMode: LegendItemOverflowMode.wrap,
      position: LegendPosition.left,
    ),
    tooltipBehavior: _tooltipData,
    series: <CircularSeries>[
      RadialBarSeries<ChartData, String>(
          legendIconType: LegendIconType.seriesType,
          dataSource: _chartData,
          xValueMapper: (ChartData data, _) => data.name,
          yValueMapper: (ChartData data, _) => data.value,
          dataLabelSettings: const DataLabelSettings(
            isVisible: true,
          ),
          enableTooltip: true,
          cornerStyle: CornerStyle.endCurve,
          maximumValue: 100)
    ],
  ),

legendIconType：指定图例的形状。 legendIconType：LegendIconType.seriesType， legendIconType：LegendIconType.circle， 查看更多here

文档：here

【讨论】：

谢谢它的工作