簡體   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