我正在使用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注释该行并取消注释主题颜色行,则会给我一个错误。如何使用颜色代码将图表的线条颜色设置为我选择的颜色?
答案 0 :(得分:2)
我是新手,也面临着相同的问题,所以据我所知,我们可能无法将MaterialColor
用于图表颜色,因此解决此问题的方法是:将您的charts.MaterialPalette.lime.shadeDefault
代码替换为charts.Color.fromHex(code: '#f2f2f2')
。
这在this GitHub issue中进行了讨论。
答案 1 :(得分:2)
镖色可以与ColorUtil方法一起使用
color: charts.ColorUtil.fromDartColor(Colors.white),
答案 2 :(得分:2)
您可以设置
seriesColor:chart.ColorUtil.fromDartColor(Colors.blue.shade700),
例如。