You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在FL_charts的饼图/环形图中添加班级平均值红色指示线

FL_charts 添加班级平均值红色指示线的实现方案

FL_charts 原生支持添加自定义指示线,你可以通过图表数据配置中的 extraLines 参数实现需求:

核心实现代码

以折线图为例,在 LineChartData 中配置 extraLines:

LineChart(
  LineChartData(
    // 你的图表基础配置(数据系列、坐标轴样式等)
    extraLines: [
      HorizontalLine(
        y: 85, // 替换为实际的班级平均值
        color: Colors.red,
        strokeWidth: 2,
        // 可选:设置虚线样式
        dashArray: const [6, 4],
        // 可选:添加指示线标签
        label: HorizontalLineLabel(
          show: true,
          labelResolver: (value) => '班级平均值',
          style: const TextStyle(color: Colors.red, fontSize: 12),
        ),
      ),
    ],
  ),
)

如果是柱状图,只需将 LineChart 替换为 BarChart,LineChartData 替换为 BarChartData,extraLines 的配置逻辑完全一致。

关键参数说明

  • y: 指定指示线对应的Y轴数值(即班级平均值)
  • color: 设置线条颜色为红色
  • strokeWidth: 调整线条粗细
  • dashArray: 可选参数,实现虚线效果,不需要可直接删除
  • label: 可选配置,为指示线添加文字标签,提升可读性

内容的提问来源于stack exchange,提问作者Karma

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.05 16:13:12