flutter多层轨迹描点图表

参考https://github.com/imaNNeoFighT/fl_chart

增加1,背景网格线增加虚线,2,折线只显示圆点
底部有重点代码

1,背景自定义虚线

gridData: FlGridData(
  show: true,
  checkToShowHorizontalLine: (double value) {
    return value == 1 || value == 3 || value == 5;
  },
  getDrawingHorizontalLine:  (value) {
    return FlLine(
      color: const Color(0xff37434d),
      strokeWidth: 1,
      dashArray: [5, 10],
    );
  },),

2,折线只显示圆点

LineChartBarData(
  spots: [
    FlSpot(1, 1),
    FlSpot(3, 1.8),
    FlSpot(6, 2),
    FlSpot(9, 2.2),
    FlSpot(13, 1.8),
  ],
  colors: [goodColor],
  showLines: false,
  dotData: FlDotData(
    show: true,
  ),
),
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: flutter 常用图表库包括: 1. Flutter Charts: 一个功能强大的图表库,可以创建各种类型的图表,如条形图,折线图,饼图等。 2. Flutter_chart: 一个轻量级的图表库,可以创建简单的图表,如折线图,散点图等。 3. Flutter_sparkline: 一个小型图表库,可以创建精简的线性图表,如折线图,柱状图等。 4. Fl_chart: 一个高度定制的图表库,可以创建各种类型的图表,如饼图,柱状图,折线图等。 5. Flutter_circular_chart: 一个轻量级的图表库,可以创建圆形图表,如饼图,环形图等。 6. Flutter_radial_menu: 一个可以创建径向菜单的图表库。 这些图表库都可以在 Flutter 应用程序中使用,帮助你创建丰富多彩的图表。 你可以根据自己的需求选择适合自己的图表库。 ### 回答2: Flutter 常用图表库有以下几种: 1. flutter_chart:这是一个简单易用的图表库,提供了多种类型的图表,如线图、柱状图、饼图等,支持自定义样式和交互。 2. fl_chart:这是一个功能强大的图表库,支持多种类型的图表,如折线图、柱状图、饼图等,还可以自定义样式、动画和手势交互。 3. syncfusion_flutter_charts:这是一个全功能的图表库,提供了多种类型的图表,如折线图、柱状图、饼图等,支持高级功能如缩放、滚动和数据筛选等。 4. charts_flutter:这是谷歌官方推出的图表库,提供了多种类型的图表,如折线图、柱状图、饼图等,支持自定义样式和动画效果。 5. echart_flutter:这是将著名的 echarts 库移植到 Flutter 的版本,拥有 echarts 强大的功能和丰富的图表类型。 通过使用这些常用图表库,开发者可以快速实现各种功能丰富、交互友好的图表界面,并根据需求进行自定义样式和动画效果的调整。 ### 回答3: Flutter 是一种跨平台的移动应用开发框架,拥有丰富的图表库可以用来展示各种数据可视化。以下是几个常用的Flutter图表库: 1. charts_flutter:Google官方出品的图表库,提供了多种类型的图表,如折线图、柱状图、饼图等,支持自定义样式和交互。 2. fl_chart:一个轻量级、灵活且高性能的图表库,支持多种类型的图表,如折线图、柱状图、散点图等,可以自定义样式和交互,也可以进行动画效果的渲染。 3. syncfusion_flutter_charts:Syncfusion提供的专业图表库,拥有丰富的图表类型和高度可定制化的功能,支持多种交互和动画效果,可以满足复杂的数据可视化需求。 4. flutter_echarts:基于Echarts封装的图表库,能够使用Web版本的Echarts图表库来绘制各种图表,支持多种类型的图表和复杂的数据可视化需求。 这些图表库都是Flutter生态圈中比较受欢迎和活跃开发的库,提供了丰富的图表类型和灵活的样式、交互等功能,可以满足不同需求的数据可视化要求。开发者可以根据项目需求选择合适的图表库,加速开发进程,提升用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值