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

标签 charts dart flutter

我正在使用 chart_flutter 插件 https://pub.dartlang.org/packages/charts_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 注释行并取消注释 Theme color 行,它会给我一个错误。如何使用颜色代码将图表的线条颜色设置为我选择的颜色?

最佳答案

Dart 颜色可以与 ColorUtil 方法一起使用

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

关于charts - 如何在 Flutter 中将图表线条颜色更改为自定义颜色代码值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55075927/

相关文章:

r - 使用 R 的日历时间序列

javascript - 如何将 JSON 对象转换为日期时间

mobile - 如何发出经过身份验证的 http 请求并返回带有 dart 的对象流?

flutter - 为什么对象addItem的ID始终返回1,直到刷新页面

ios - iOS 上 Flutter 的代码设计错误

android - 如何确定我运行项目的环境?

flutter - Dart 中的私有(private)命名参数

c# - 图表控件数据系列

java - 更改图表底部的系列颜色指示器

firebase - 脱机尝试后,Firestore访问中断