搜索插件、代码仓与 APP 分类

ducafecatFlutter 生态导航
插件详情v0.2.0

flutter_k_chart

flutter_k_chart，使用纯 Dart 编写，同时支持 iOS 和 Android。

pub.dev API 文档 源代码
近 30 天下载
39
喜欢数
23
Pub 分数
45

安装插件

flutter pub add flutter_k_chart

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

flutter_k_chart 是一个纯 Dart 库，用于在 Flutter 中渲染蜡烛图和折线图，专为 iOS 和 Android 设计。它提供流畅、可自定义的可视化效果，非常适合股票价格等金融数据。该包支持实时更新、触摸交互和响应式设计，无需依赖原生代码。以性能和简洁性为核心构建，可无缝集成到需要图表功能的 Flutter 应用中。

适合场景

  • 金融数据可视化
  • 股票价格跟踪
  • 实时图表更新
  • 交易应用界面
  • 投资组合仪表板

主要特点

  • 纯 Dart 实现
  • 蜡烛图和折线图支持
  • 触摸交互处理
  • 响应式设计
  • 可自定义的主题和样式

适合对象

  • 开发交易应用的开发者
  • 面向金融的Flutter应用程序
  • 需要轻量级图表的应用程序
  • 避免原生依赖的 Teams

使用建议

  • 仅限基本图表类型
  • 无内置的高级指示器支持
  • 需要手动处理大型数据集
  • 未针对极高频率数据进行优化

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

flutter_k_chart

License

介绍

一个仿火币的flutter图表库包含深度图，支持各种指标及放大缩小、平移等操作

webdemo演示 Demo v0.1.0：下载 APK

演示

chart_imge depth_image image1

简单用例

1.在 pubspec.yaml 中添加依赖

本项目数据来自火币openApi，火币的接口可能需要翻墙，接口失败后会加载本地json。由于项目没有很好的封装，建议使用本地方式使用

//本地导入方式
dependencies:
  flutter_k_chart:
    path: 项目路径
2.在布局文件中添加
import 'package:flutter_k_chart/flutter_k_chart.dart';
....
Container(
  height: 450,
  width: double.infinity,
  child: KChartWidget(
    datas,//数据
    isLine: isLine,//是否显示折线图
    mainState: _mainState,//控制主视图指标线
    secondaryState: _secondaryState,//控制副视图指标线
    volState: VolState.VOL,//控制成交量指标线
    fractionDigits: 4,//保留小数位数
  ),
 )
 
 //深度图使用
 Container(
   height: 230,
   width: double.infinity,
   child: DepthChart(_bids, _asks),
 )
3.修改样式

可在chart_style.dart里面修改图表样式

4.数据处理
//接口获取数据后，计算数据
DataUtil.calculate(datas);
//更新最后一条数据
DataUtil.updateLastData(datas);
//添加数据
DataUtil.addLastData(datas,kLineEntity);
国际化 l10n
import 'package:flutter_k_chart/generated/l10n.dart' as k_chart;
MaterialApp(
      localizationsDelegates: [
        k_chart.S.delegate//国际化
      ],
);
5.修改日志

问题

使用中如果有问题可以加QQ群：114563912

请咖啡☕️

🙏感谢🙏

微信

所属分类

图表与可视化

依赖

依赖清单 1 项

源码仓库

使用此插件的项目

暂无相关数据。