如何使用颤振在 FL 图表内部绘制标记

Question

我正在尝试将 FL Chart 与 Flutter 一起使用。

https://pub.dev/packages/fl_chart

我想把标签放在里面的情节上。

现在图片在左边。

有没有好的样本或文件？ 只有我能找到的是 API 文档。很难实现。

谢谢。

Answer 1

希望我回答这个问题还不算太晚。但无论谁在寻找答案，这就是我最近发现的：

在LineChartData 中，您可以在lineTouchData 属性中根据需要自定义工具提示。下面是我用来在图表中自定义工具提示信息的代码的 sn-p。

在LineTouchData 内部，要使用的touchToolTipData 可能会因您绘制的图表类型而异。在我的例子中，我绘制了一个折线图，因此我使用的类是LineTouchTootipData。您可能需要检查哪个类适合您尝试绘制的图表。

图表示例：

LineChartData(
  ...
  lineTouchData: LineTouchData(
      touchTooltipData: LineTouchTooltipData(
        getTooltipItems: (value) {
          return value
              .map((e) => LineTooltipItem(
                  "${e.y < 0 ? 'Expense:' : 'Income:'} ${e.y.toStringAsFixed(2)} \n Diff: ",
                  TextSetting.text14))
              .toList();
        },
        tooltipBgColor: AppColour.mainBlue,
      )
  ...

)

您可以尝试查看此示例代码以获得更全面的图表上下文。

https://github.com/imaNNeoFighT/fl_chart/blob/master/example/lib/line_chart/samples/line_chart_sample5.dart