Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
Package detailsv0.2.0

flutter_k_chart

flutter_k_chart, Writted with pure dart, supported both iOS and Android.

pub.dev API documentation Source code
30-day downloads
39
Likes
23
Pub points
45

Install package

flutter pub add flutter_k_chart

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

flutter_k_chart is a pure Dart library for rendering candlestick and line charts in Flutter, designed for both iOS and Android. It provides smooth, customizable visualizations ideal for financial data like stock prices. The package supports real-time updates, touch interactions, and responsive design without relying on native code. Built with performance and simplicity in mind, it integrates seamlessly into Flutter apps requiring charting capabilities.

Use cases

  • Financial data visualization
  • Stock price tracking
  • Real-time chart updates
  • Trading app interfaces
  • Portfolio dashboards

Key features

  • Pure Dart implementation
  • Candlestick and line chart support
  • Touch interaction handling
  • Responsive design
  • Customizable themes and styling

Suitable for

  • Developers building trading apps
  • Finance-focused Flutter applications
  • Apps needing lightweight charting
  • Teams avoiding native dependencies

Considerations

  • Limited to basic chart types
  • No built-in support for advanced indicators
  • Requires manual handling of large datasets
  • Not optimized for extremely high-frequency data

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

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

请咖啡☕️

🙏感谢🙏

微信

Categories

Plots & Visualization

Dependencies

Dependency list 1 items

Source repository

Projects using this package

No data available yet.