Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Paketdetailsv0.2.0

flutter_k_chart

flutter_k_chart, reines Dart, unterstützt sowohl iOS als auch Android.

pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
39
Likes
23
Pub-Punkte
45

Paket installieren

flutter pub add flutter_k_chart

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

flutter_k_chart ist eine reine Dart-Bibliothek zur Darstellung von Kerzen- und Liniendiagrammen in Flutter, speziell für iOS und Android entwickelt. Sie bietet flüssige, anpassbare Visualisierungen, die ideal für Finanzdaten wie Aktienkurse sind. Das Paket unterstützt Echtzeit-Updates, Touch-Interaktionen und responsive Design ohne Abhängigkeit von nativem Code. Mit Fokus auf Leistung und Einfachheit wurde es so konzipiert, dass es nahtlos in Flutter-Apps mit Chart-Funktionen integriert werden kann.

Anwendungsfälle

  • Finanzdatenvisualisierung
  • Aktienkursverfolgung
  • Echtzeit-Chart-Updates
  • Handels-App-Oberflächen
  • Portfoliopläne

Hauptmerkmale

  • Reine Dart-Implementierung
  • Candlestick- und Liniendiagramm-Unterstützung
  • Berührungseingabe-Verarbeitung
  • reaktives Design
  • Anpassbare Themen und Stile

Geeignet für

  • Entwickler, die Handels-Apps erstellen
  • Finanzorientierte Flutter-Anwendungen
  • Apps, die leichtgewichtige Diagramme benötigen
  • Teams, die native Abhängigkeiten vermeiden

Hinweise

  • Beschränkt auf grundlegende Diagrammtypen
  • Keine integrierte Unterstützung für erweiterte Indikatoren
  • Benötigt manuelle Handhabung großer Datensätze
  • Nicht für extrem hochfrequente Daten optimiert

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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

请咖啡☕️

🙏感谢🙏

微信

Kategorien

Diagramme und Visualisierung

Abhängigkeiten

Abhängigkeiten 1 Einträge

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.