向Flutter图形线和点添加自定义样式

问题描述 投票:0回答:1

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

我正在尝试在图形中获得更多样式化的线条和点。现在,在我的系列文章中,我只能使用colorFnstrokeWidthPxFn修改给定线或点的单色和笔触,如下所示:

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)
    ];

但是我似乎无法获得其他一些样式,例如:

enter image description here

flutter graph styles line points
1个回答
0
投票

[在构建图形的情况下,您可以使用自定义绘画工具来创建自定义图形,例如,检查此仓库,我使用自定义绘画工具来构建图形,而无需使用外部软件包

链接:https://github.com/shashiben/flutter_custom_graph

我认为此回购将很有用

© www.soinside.com 2019 - 2024. All rights reserved.