पैकेज विवरणv0.2.0

flutter_k_chart

flutter_k_chart, शुद्ध डार्ट के साथ लिखा गया, iOS और Android दोनों के लिए समर्थित।

30-दिन डाउनलोड: 39
लाइक: 23
Pub अंक: 45

पैकेज इंस्टॉल करें

flutter pub add flutter_k_chart

पैकेज अवलोकन

सार्वजनिक जानकारी से बना चयन मार्गदर्शन। केवल संदर्भ हेतु।

flutter_k_chart एक शुद्ध Dart पुस्तकालय है जो Flutter में कैंडलस्टिक और रेखा चार्ट को बनाने के लिए उपयोग किया जाता है, जो iOS और Android दोनों के लिए डिज़ाइन किया गया है। यह वित्तीय डेटा जैसे शेयर की कीमतों के लिए आदर्श चित्रण प्रदान करता है। इस पैकेज में रियल-टाइम अपडेट, टच इंटरैक्शन और रिस्पॉन्सिव डिज़ाइन समर्थन है, बिना किसी नेटिव कोड पर निर्भर हुए। प्रदर्शन और सरलता को ध्यान में रखते हुए बनाया गया, यह चार्टिंग क्षमता वाले Flutter ऐप्स में बिना किसी दिक्कत के एकीकृत हो सकता है।

उपयोग

वित्तीय डेटा विज़ुअलाइज़ेशन
शेयर कीमत ट्रैकिंग
रियल-टाइम चार्ट अपडेट
ट्रेडिंग ऐप इंटरफेस
पोर्टफोलियो डैशबोर्ड

मुख्य विशेषताएँ

शुद्ध Dart कार्यान्वयन
कैंडलस्टिक और लाइन चार्ट समर्थन
टच इंटरैक्शन हैंडलिंग
प्रतिक्रियाशील डिज़ाइन
कस्टमाइज़ किए गए थीम और स्टाइलिंग

इनके लिए उपयुक्त

ट्रेडिंग एप्लिकेशन बनाने वाले डेवलपर्स
वित्तीय केंद्रित Flutter एप्लिकेशन
हल्के चार्टिंग की आवश्यकता वाले ऐप्स
मूल निर्भरता से बचने वाले टीम्स

विचार योग्य बातें

मूलभूत चार्ट प्रकारों तक सीमित
उन्नत सूचकों के लिए कोई निर्मित समर्थन नहीं है
बड़े डेटासेट के हैंडलिंग के लिए हस्तचालित प्रक्रिया की आवश्यकता होती है
अत्यधिक उच्च आवृत्ति डेटा के लिए अनुकूलित नहीं

मूल README

संबंधित सोर्स रिपॉज़िटरी के मूल README का स्नैपशॉट। नवीनतम सामग्री के लिए रिपॉज़िटरी देखें।

flutter_k_chart

介绍

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

webdemo演示 Demo v0.1.0：下载 APK

演示

chart_imge depth_image

简单用例

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//国际化
      ],
);