flutter - 为 Flutter 图形线和点添加自定义样式

Question

我在我的应用程序中使用google flutter chart。

我试图在图表中获得更多样式的线条和点。现在，在我的系列中，我只能修改给定线条或点的单一颜色和笔触，使用colorFn或strokeWidthPxFn类似：

List<ChartData> dataToChart) {
    return [
      new charts.Series<ChartData, int>(

        id: 'Line',
        strokeWidthPxFn: (ChartData data, __) => 3,
        colorFn: (ChartData data, __) => _getLineColor(data.axisY),
        domainFn: (ChartData data, _) => data.axisX,
        measureFn: (ChartData data, _) => data.axisY,
        data: dataToChart,
      ),
      new charts.Series<ChartData, int>(
          id: 'Points',
          fillColorFn: (ChartData data, __) => _getPointColor(data.axisY),
          colorFn: (_, __) => charts.MaterialPalette.green.shadeDefault,
          domainFn: (ChartData data, _) => data.axisX,
          measureFn: (ChartData data, _) => data.axisY,
          data: dataToChart)
    ];

但我似乎无法获得其他一些风格，例如：

标签： fluttergraphstyleslinepoints

Answer 1

使用这个 SymbolRenderer 类，它有paint() 函数。或者您可以参考示例中的类 SelectionScatterPlotHighlight

此处的 UI 示例：https ://google.github.io/charts/flutter/example/combo_charts/date_time_line_point虽然它是基本的。