charts - 有没有办法在 TimeSeries Flutter 图表上设置笔划宽度？

Question

使用 Charts package是否可以调整 TimeSeries 图表的笔划宽度？

查看文档/examples我看到折线图显示了一个 strokeWidthPxFn，但我没有在 timeSeries 图表上看到它。

这是我的图表:

return new charts.TimeSeriesChart(
  seriesList,
  animate: animate,
  /// The following stroke width fn does not work with TimeSeries
  // strokedWidthPxFN: () => 2.0
  primaryMeasureAxis:
      new charts.NumericAxisSpec(renderSpec: new charts.NoneRenderSpec()),
  domainAxis: new charts.DateTimeAxisSpec(
    showAxisLine: false,
    renderSpec: new charts.NoneRenderSpec(),
  ),
);

Answer 1

如果你想改变笔划宽度，你必须使用 charts.LineRendererConfig 其中包含一个字段 strokeWidthPx

所以添加

defaultRenderer: charts.LineRendererConfig(strokeWidthPx: 1),

在 seriesList 之后， 的笔划宽度为 1。

所以最后，你应该有这样的东西(笔画宽度为 5)(这是从我的工作代码中提取的):

import 'package:charts_flutter/flutter.dart' as charts;
...   
child: Container(
        height: 256.0,
        padding: const EdgeInsets.symmetric(vertical: 16.0),
        child: charts.TimeSeriesChart(
            data,
            defaultRenderer: charts.LineRendererConfig(strokeWidthPx: 5),
            animate: false,
        ),
    ),