繁体   English   中英

如何在 flutter 中创建堆叠的时间序列条形图?

[英]How to create a stacked time-series bar chart in flutter?

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

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

或者我可以画一个简单的堆积条形图,但它的 x 轴是字符串而不是 DateTime。

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

要大致了解一下,请查看此说明。 粗略的想法

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

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

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

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

以下代码片段改编自: 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
  ),
);

}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM