如何在Flutter中添加时间序列图中的多行

Question

我正试图在时间序列图中添加另一行。目前我还没有找到这样做的方法。我正在使用chart_flutter依赖项。

这是我的图表代码：

charts.TimeSeriesChart(
series,
animate: true,
defaultRenderer: charts.LineRendererConfig(
includeArea: true,
includeLine: true,
),
dateTimeFactory: const charts.LocalDateTimeFactory(),
behaviors: [
charts.PanAndZoomBehavior(),
charts.SeriesLegend(
position: charts.BehaviorPosition.top,
horizontalFirst: false,
cellPadding: EdgeInsets.only(left: 80, top: 10, bottom: 4.0),
),
charts.SelectNearest(
eventTrigger: charts.SelectionTrigger.tap
),
charts.LinePointHighlighter(
symbolRenderer: CustomCircleSymbolRenderer(size: size),
),
],
selectionModels: [
charts.SelectionModelConfig(
type: charts.SelectionModelType.info,
changedListener: (charts.SelectionModel model) {
if(model.hasDatumSelection) {
final tankVolumeValue = model.selectedSeries[0].measureFn(model.selectedDatum[0].index).round();
final dateValue = model.selectedSeries[0].domainFn(model.selectedDatum[0].index);
CustomCircleSymbolRenderer.value = '$dateValue n $tankVolumeValue';
}
})
]),

欢迎任何关于如何添加另一行的想法。

Answer 1

上面的答案很简单，您可以在保存数据的变量中添加更多数据。如下所示：

charts.Series(
id: 'Tank 1',
data: some data here,
colorFn: (_, __) => MaterialPalette.blue.shadeDefault,
domainFn: (TankPing ping, _) => some data,
measureFn: (TankPing ping, _) => some data
),
charts.Series(
id: 'Tank 1',
data: some data here,
colorFn: (_, __) => MaterialPalette.blue.shadeDefault,
domainFn: (TankPing ping, _) => some data,
measureFn: (TankPing ping, _) => some data
)