flutter_k_chart

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

flutter_k_chart는 iOS 및 Android용으로 설계된 Flutter에서 캔들스틱 차트와 선형 차트를 렌더링하기 위한 순수 Dart 라이브러리입니다. 주식 가격과 같은 금융 데이터에 적합한 부드럽고 사용자 정의 가능한 시각화를 제공합니다. 실시간 업데이트, 터치 상호작용, 반응형 디자인을 지원하며 네이티브 코드에 의존하지 않습니다. 성능과 간결함을 고려하여 제작되었으며, 차트 기능이 필요한 Flutter 앱에 원활하게 통합될 수 있습니다.

사용 사례

재무 데이터 시각화
주가 추적
실시간 차트 업데이트
거래 앱 인터페이스
포트폴리오 대시보드

주요 기능

순수 Dart 구현
캔들스틱 및 라인 차트 지원
터치 상호작용 처리
반응형 디자인
사용자 정의 가능한 테마 및 스타일

적합한 대상

거래 앱을 개발하는 개발자
재무 중심의 Flutter 애플리케이션
경량 차트가 필요한 앱
네이티브 종속성 회피 팀

고려 사항

기본 차트 유형에만 제한됨
고급 지표에 대한 내장 지원 없음
대규모 데이터 세트를 수동으로 처리해야 합니다
매우 높은 주파수 데이터에 최적화되지 않음

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

介绍

一个仿火币的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//国际化
      ],
);

5.修改日志

问题

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

请咖啡☕️

🙏感谢🙏

패키지, 저장소 및 앱 카테고리 검색

flutter_k_chart

패키지 설치

패키지 개요

사용 사례

주요 기능

적합한 대상

고려 사항

원본 README

flutter_k_chart

介绍

演示

简单用例

1.在 pubspec.yaml 中添加依赖

2.在布局文件中添加

3.修改样式

4.数据处理

国际化 l10n

5.修改日志

问题

请咖啡☕️

카테고리

의존성

소스 저장소

flutter_k_chart

이 패키지를 사용하는 프로젝트