如何更改颤动中图表的默认调色板？答案

【问题标题】：How to change the default color palette for charts in flutter?如何更改颤动中图表的默认调色板？
【发布时间】：2019-11-20 16:36:57
【问题描述】：

我使用 charts_flutter 创建图表。我知道如何改变颜色，但我喜欢改变调色板。默认调色板似乎是“蓝色”。例如在饼图中，charts_flutter 使用不同深浅的蓝色。我喜欢使用 deeporange 作为所有图表的默认调色板。有办法改吗？

【问题讨论】：

标签： flutter charts

【解决方案1】：

我知道这个问题有点老了，但我只是遇到了同样的问题并找到了解决方案。

    int numberOfColorsYouWant = 3;
    ...
    colorFn: (_, index){
      return charts.MaterialPalette.green.makeShades(numberOfColorsYouWant)[index];
    },

【讨论】：

【解决方案2】：

目前没有使用它，但只是快速查看了代码并看到了这个：

colorFn: (_, __) => charts.MaterialPalette.blue.shadeDefault,
fillColorFn: (_, __) =>
        charts.MaterialPalette.blue.shadeDefault.lighter,

也许您可以通过更改此参数来更改它们。

这是我找到它们的网址：https://google.github.io/charts/flutter/example/bar_charts/stacked_fill_color

【讨论】：

colorFn: (_, __) 将所有系列的颜色更改为一种颜色（例如蓝色）。当我使用这个参数时，我得到一个完整的蓝色饼图。我喜欢改变整个调色板。所以flutter会使用不同深浅的橙色。所以在某个地方我必须有可能将参数从charts.MaterialPalette.blue 更改为charts.MaterialPalette.deeporange（没有shadeDefault）

【解决方案3】：

如果您想要不同的颜色而不是阴影，您可以使用：

var palettes = charts.MaterialPalette.getOrderedPalettes(<number of palettes>);

var seriesColor = palettes.elementAt(i).shadeDefault;

【讨论】：

【解决方案4】：

您好，您可以像这样设置自定义颜色

 charts.ColorUtil.fromDartColor(Colors.deepPurple)

或

 charts.ColorUtil.fromDartColor(Color(0xff4EB200))

【讨论】：