如何在颤振中创建堆叠的时间序列条形图？答案

【问题标题】：How to create a stacked time-series bar chart in flutter?如何在颤振中创建堆叠的时间序列条形图？
【发布时间】：2020-06-21 17:50:27
【问题描述】：

我正在处理图表，正在寻找一种方法来创建图表，其中 x 轴为百分比 (0-100%)，y 轴为 DateTime。

我可以像这样绘制时间序列条形图，但它没有堆叠。

或者我可以画一个简单的堆积条形图，但它的 x 轴是字符串而不是日期时间。

有没有办法可以自定义这样的图表以适合我的场景。

要大致了解一下，请查看此说明。

如果您需要更多信息，请告诉我。提前致谢。

【问题讨论】：

标签： flutter dart

【解决方案1】：

如果将来有人被困在这里，我可以使用以下库做我想做的事。它精美而精彩地呈现数据。此外，它还提供了多种图表。

SyncFusion Flutter 图表 - https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types

【讨论】：

【解决方案2】：

您可以将 BarGroupingType 小部件传递给 BarRendererConfig 的 groupingType 参数。没有很好的文档记录，但是如果您深入研究 BarRendererConfig 的源代码，您可以找到它。

以下代码 sn-p 改编自： https://google.github.io/charts/flutter/example/time_series_charts/with_bar_renderer

Widget build(BuildContext context) {
return new charts.TimeSeriesChart(
  data,
  animate: true,
  defaultRenderer: new charts.BarRendererConfig<DateTime>(
    groupingType: charts.BarGroupingType.stacked, \\ add this
  ),
);

}

【讨论】：