Question

我正在使用https://pub.dartlang.org/packages/charts_flutter中的chart_flutter插件，并且想更改TimeSeriesChart的线条颜色吗？

我现在拥有的代码是：

final chartdata = [
  charts.Series<VolumePerDay, DateTime>(
    id: 'Workout',
    colorFn: (_, __) => charts.MaterialPalette.lime.shadeDefault,
    // colorFn: (_, __) => Theme.of(context).accentColor,
    domainFn: (VolumePerDay workout, _) => workout.time,
    measureFn: (VolumePerDay workout, _) => workout.volume,
    data: data,
  )
];
return charts.TimeSeriesChart(
  chartdata,
  animate: false,
);

我认为更改colorFn属性会更改颜色，但是如果我用MaterialPalette注释该行并取消注释主题颜色行，则会给我一个错误。如何使用颜色代码将图表的线条颜色设置为我选择的颜色？

Answer 1

我是新手，也面临着相同的问题，所以据我所知，我们可能无法将MaterialColor用于图表颜色，因此解决此问题的方法是：将您的charts.MaterialPalette.lime.shadeDefault代码替换为charts.Color.fromHex(code: '#f2f2f2')。

这在this GitHub issue中进行了讨论。

Answer 2

镖色可以与ColorUtil方法一起使用

color: charts.ColorUtil.fromDartColor(Colors.white),

Answer 3

您可以设置

seriesColor：chart.ColorUtil.fromDartColor（Colors.blue.shade700），

例如。

如何在Flutter中将图表线颜色更改为自定义颜色代码值

3 个答案: