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,
        ),
    ),

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

1 个答案: